<!DOCTYPE html>
<html><head>
			
		<title>20200111-Use-Longitudinal-Models-Analyzing-Steam-Games</title>
		<base href="../">
		<meta id="root-path" root-path="../">

		<link rel="icon" sizes="96x96" href="https://publish-01.obsidian.md/access/f786db9fac45774fa4f0d8112e232d67/favicon-96x96.png">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=1.0, maximum-scale=5.0">
		<meta charset="UTF-8">
		<script src="https://code.iconify.design/iconify-icon/1.0.3/iconify-icon.min.js"></script>
			
			<!-- Obsidian App Styles / Other Built-in Styles -->
			<style> .callout
{
	mix-blend-mode: normal !important;
}

@media print 
{
    
    html body> :not(.print) 
    {
        display: unset !important;
    }

    .collapse-indicator
    {
        display: none !important;
    }

    .is-collapsed > element > .collapse-indicator
    {
        display: unset !important;
    }
}

.list-collapse-indicator
{
    display: none !important;
}

@font-face
{
    font-family: MJXZERO;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Zero.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-B;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Bold.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-I;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Math-Italic.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-MI;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Italic.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-BI;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Math-BoldItalic.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-S1;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size1-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-S2;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size2-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-S3;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size3-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-S4;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size4-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-A;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_AMS-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-C;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-CB;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Bold.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-FR;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Fraktur-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-FRB;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Fraktur-Bold.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-SS;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-SSB;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Bold.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-SSI;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Italic.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-SC;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Script-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-T;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Typewriter-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-V;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Vector-Regular.woff") format("woff");
}

@font-face
{
    font-family: MJXTEX-VB;
    src: url("https://publish.obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Vector-Bold.woff") format("woff");
}

@font-face {
    font-family: 'Avenir Next';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/94f2f163d4b698242fef.otf');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/72505e6a122c6acd5471.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/2d5198822ab091ce4305.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/c8ba52b05a9ef10f4758.woff2');
}

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/cb10ffd7684cd9836a05.woff2');
}

@font-face {
    font-family: 'Inter';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/b5f0f109bc88052d4000.woff2');
}

@font-face {
    font-family: 'Inter';
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/cbe0ae49c52c920fd563.woff2');
}

@font-face {
    font-family: 'Inter';
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/535a6cf662596b3bd6a6.woff2');
}

@font-face {
    font-family: 'Source Code Pro';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/70cc7ff27245e82ad414.ttf');
}

@font-face {
    font-family: 'Source Code Pro';
    font-weight: normal;
    font-style: italic;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/454577c22304619db035.ttf');
}

@font-face {
    font-family: 'Source Code Pro';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/52ac8f3034507f1d9e53.ttf');
}

@font-face {
    font-family: 'Source Code Pro';
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/05b618077343fbbd92b7.ttf');
}

@font-face {
    font-family: 'Flow Circular';
    font-display: swap;
    src: url('https://publish.obsidian.md/public/fonts/853ff76f08786ae44ca0.woff');
}

.collapse-icon::before 
{ 
    /* content: "​" !important;  */
    content: "" !important;
    visibility: hidden !important;
}
body { --anim-duration-none: 0; --anim-duration-superfast: 70ms; --anim-duration-fast: 140ms; --anim-duration-moderate: 300ms; --anim-duration-slow: 560ms; --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95); --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1); --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55); --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1); --blockquote-border-thickness: 2px; --blockquote-border-color: var(--interactive-accent); --blockquote-font-style: normal; --blockquote-color: inherit; --blockquote-background-color: transparent; --bold-weight: var(--font-semibold); --bold-color: inherit; --border-width: 1px; --button-radius: var(--input-radius); --callout-border-width: 0px; --callout-border-opacity: 0.25; --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6); --callout-radius: var(--radius-s); --callout-blend-mode: var(--highlight-mix-blend-mode); --callout-title-color: inherit; --callout-title-padding: 0; --callout-title-size: inherit; --callout-content-padding: 0; --callout-content-background: transparent; --callout-bug: var(--color-red-rgb); --callout-default: var(--color-blue-rgb); --callout-error: var(--color-red-rgb); --callout-example: var(--color-purple-rgb); --callout-fail: var(--color-red-rgb); --callout-important: var(--color-cyan-rgb); --callout-info: var(--color-blue-rgb); --callout-question: var(--color-yellow-rgb); --callout-success: var(--color-green-rgb); --callout-summary: var(--color-cyan-rgb); --callout-tip: var(--color-cyan-rgb); --callout-todo: var(--color-blue-rgb); --callout-warning: var(--color-orange-rgb); --callout-quote: 158, 158, 158; --canvas-background: var(--background-primary); --canvas-card-label-color: var(--text-faint); --canvas-color-1: var(--color-red-rgb); --canvas-color-2: var(--color-orange-rgb); --canvas-color-3: var(--color-yellow-rgb); --canvas-color-4: var(--color-green-rgb); --canvas-color-5: var(--color-cyan-rgb); --canvas-color-6: var(--color-purple-rgb); --canvas-dot-pattern: var(--color-base-30); --checkbox-radius: var(--radius-s); --checkbox-size: var(--font-text-size); --checkbox-marker-color: var(--background-primary); --checkbox-color: var(--interactive-accent); --checkbox-color-hover: var(--interactive-accent-hover); --checkbox-border-color: var(--text-faint); --checkbox-border-color-hover: var(--text-muted); --checklist-done-decoration: line-through; --checklist-done-color: var(--text-muted); --code-white-space: pre-wrap; --code-size: var(--font-smaller); --code-background: var(--background-primary-alt); --code-normal: var(--text-muted); --code-comment: var(--text-faint); --code-function: var(--color-yellow); --code-important: var(--color-orange); --code-keyword: var(--color-pink); --code-operator: var(--color-red); --code-property: var(--color-cyan); --code-punctuation: var(--text-muted); --code-string: var(--color-green); --code-tag: var(--color-red); --code-value: var(--color-purple); --collapse-icon-color: var(--text-faint); --collapse-icon-color-collapsed: var(--text-accent); --cursor: default; --cursor-link: pointer; --dialog-width: 560px; --dialog-max-width: 80vw; --dialog-max-height: 85vh; --divider-color: var(--background-modifier-border); --divider-color-hover: var(--interactive-accent); --divider-width: 1px; --divider-width-hover: 3px; --divider-vertical-height: calc(100% - var(--header-height)); --drag-ghost-background: rgba(0, 0, 0, 0.85); --drag-ghost-text-color: #fff; --embed-max-height: 4000px; --embed-canvas-max-height: 400px; --embed-background: inherit; --embed-border-left: 2px solid var(--interactive-accent); --embed-border-right: none; --embed-border-top: none; --embed-border-bottom: none; --embed-padding: 0 0 0 var(--size-4-6); --embed-font-style: inherit; --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border); --file-line-width: 700px; --file-folding-offset: 24px; --file-margins: var(--size-4-8); --file-header-font-size: var(--font-ui-small); --file-header-font-weight: 400; --file-header-border: var(--border-width) solid transparent; --file-header-justify: center; --font-smallest: 0.8em; --font-smaller: 0.875em; --font-small: 0.933em; --font-ui-smaller: 12px; --font-ui-small: 13px; --font-ui-medium: 15px; --font-ui-large: 20px; --font-thin: 100; --font-extralight: 200; --font-light: 300; --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --font-extrabold: 800; --font-black: 900; --footnote-size: var(--font-smaller); --graph-controls-width: 240px; --graph-text: var(--text-normal); --graph-line: var(--color-base-35, var(--background-modifier-border-focus)); --graph-node: var(--text-muted); --graph-node-unresolved: var(--text-faint); --graph-node-focused: var(--text-accent); --graph-node-tag: var(--color-green); --graph-node-attachment: var(--color-yellow); --heading-formatting: var(--text-faint); --h1-color: inherit; --h2-color: inherit; --h3-color: inherit; --h4-color: inherit; --h5-color: inherit; --h6-color: inherit; --h1-font: inherit; --h2-font: inherit; --h3-font: inherit; --h4-font: inherit; --h5-font: inherit; --h6-font: inherit; --h1-line-height: 1.2; --h2-line-height: 1.2; --h3-line-height: 1.3; --h4-line-height: 1.4; --h5-line-height: var(--line-height-normal); --h6-line-height: var(--line-height-normal); --h1-size: 2em; --h2-size: 1.6em; --h3-size: 1.37em; --h4-size: 1.25em; --h5-size: 1.12em; --h6-size: 1.12em; --h1-style: normal; --h2-style: normal; --h3-style: normal; --h4-style: normal; --h5-style: normal; --h6-style: normal; --h1-variant: normal; --h2-variant: normal; --h3-variant: normal; --h4-variant: normal; --h5-variant: normal; --h6-variant: normal; --h1-weight: 700; --h2-weight: 600; --h3-weight: 600; --h4-weight: 600; --h5-weight: 600; --h6-weight: 600; --header-height: 40px; --hr-color: var(--background-modifier-border); --hr-thickness: 2px; --icon-size: var(--icon-m); --icon-stroke: var(--icon-m-stroke-width); --icon-xs: 14px; --icon-s: 16px; --icon-m: 18px; --icon-l: 18px; --icon-xl: 32px; --icon-xs-stroke-width: 2px; --icon-s-stroke-width: 2px; --icon-m-stroke-width: 1.75px; --icon-l-stroke-width: 1.75px; --icon-xl-stroke-width: 1.25px; --icon-color: var(--text-muted); --icon-color-hover: var(--text-muted); --icon-color-active: var(--text-accent); --icon-color-focused: var(--text-normal); --icon-opacity: 0.85; --icon-opacity-hover: 1; --icon-opacity-active: 1; --clickable-icon-radius: var(--radius-s); --indentation-guide-width: 1px; --indentation-guide-color: rgba(var(--mono-rgb-100), 0.12); --indentation-guide-color-active: rgba(var(--mono-rgb-100), 0.3); --inline-title-color: var(--h1-color); --inline-title-font: var(--h1-font); --inline-title-line-height: var(--h1-line-height); --inline-title-size: var(--h1-size); --inline-title-style: var(--h1-style); --inline-title-variant: var(--h1-variant); --inline-title-weight: var(--h1-weight); --inline-title-margin-bottom: 0.5em; --input-height: 30px; --input-radius: 5px; --input-font-weight: var(--font-normal); --input-border-width: 1px; --italic-color: inherit; --italic-weight: inherit; --layer-cover: 5; --layer-sidedock: 10; --layer-status-bar: 15; --layer-popover: 30; --layer-slides: 45; --layer-modal: 50; --layer-notice: 60; --layer-menu: 65; --layer-tooltip: 70; --layer-dragged-item: 80; --line-height-normal: 1.5; --line-height-tight: 1.3; --link-color: var(--text-accent); --link-color-hover: var(--text-accent-hover); --link-decoration: underline; --link-decoration-hover: underline; --link-decoration-thickness: auto; --link-external-color: var(--text-accent); --link-external-color-hover: var(--text-accent-hover); --link-external-decoration: underline; --link-external-decoration-hover: underline; --link-external-filter: none; --link-unresolved-color: var(--text-accent); --link-unresolved-opacity: 0.7; --link-unresolved-filter: none; --link-unresolved-decoration-style: solid; --link-unresolved-decoration-color: hsla(var(--interactive-accent-hsl), 0.3); --list-indent: 2em; --list-spacing: 0.075em; --list-marker-color: var(--text-faint); --list-marker-color-hover: var(--text-muted); --list-marker-color-collapsed: var(--text-accent); --list-bullet-border: none; --list-bullet-radius: 50%; --list-bullet-size: 0.3em; --list-bullet-transform: none; --list-numbered-style: decimal; --nav-item-size: var(--font-ui-small); --nav-item-color: var(--text-muted); --nav-item-color-hover: var(--text-normal); --nav-item-color-active: var(--text-normal); --nav-item-color-selected: var(--text-normal); --nav-item-color-highlighted: var(--text-accent-hover); --nav-item-background-hover: var(--background-modifier-hover); --nav-item-background-active: var(--background-modifier-hover); --nav-item-background-selected: hsla(var(--color-accent-hsl), 0.15); --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6); --nav-item-parent-padding: var(--nav-item-padding); --nav-item-children-padding-left: var(--size-2-2); --nav-item-children-margin-left: var(--size-4-3); --nav-item-weight: inherit; --nav-item-weight-hover: inherit; --nav-item-weight-active: inherit; --nav-item-white-space: nowrap; --nav-indentation-guide-width: var(--indentation-guide-width); --nav-indentation-guide-color: var(--indentation-guide-color); --nav-collapse-icon-color: var(--collapse-icon-color); --nav-collapse-icon-color-collapsed: var(--text-faint); --modal-background: var(--background-primary); --modal-width: 90vw; --modal-height: 85vh; --modal-max-width: 1100px; --modal-max-height: 1000px; --modal-max-width-narrow: 800px; --modal-border-width: var(--border-width); --modal-border-color: var(--color-base-40, var(--background-modifier-border-focus)); --modal-radius: var(--radius-l); --modal-community-sidebar-width: 280px; --pdf-background: var(--background-primary); --pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1); --pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); --pdf-sidebar-background: var(--background-primary); --pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2); --popover-width: 450px; --popover-height: 400px; --popover-max-height: 70vh; --popover-pdf-width: 600px; --popover-pdf-height: 800px; --popover-font-size: var(--font-text-size); --prompt-width: 700px; --prompt-max-width: 80vw; --prompt-max-height: 70vh; --prompt-border-width: var(--border-width); --prompt-border-color: var(--color-base-40, var(--background-modifier-border-focus)); --radius-s: 4px; --radius-m: 8px; --radius-l: 12px; --radius-xl: 16px; --ribbon-background: var(--background-secondary); --ribbon-background-collapsed: var(--background-primary); --ribbon-width: 44px; --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3); --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-100), 0.2); --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05); --scrollbar-thumb-bg: rgba(var(--mono-rgb-100), 0.1); --search-clear-button-color: var(--text-muted); --search-clear-button-size: 13px; --search-icon-color: var(--text-muted); --search-icon-size: 18px; --search-result-background: var(--background-primary); --size-2-1: 2px; --size-2-2: 4px; --size-2-3: 6px; --size-4-1: 4px; --size-4-2: 8px; --size-4-3: 12px; --size-4-4: 16px; --size-4-5: 20px; --size-4-6: 24px; --size-4-8: 32px; --size-4-9: 36px; --size-4-12: 48px; --size-4-16: 64px; --size-4-18: 72px; --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9); --sidebar-tab-text-display: none; --slider-thumb-border-width: 1px; --slider-thumb-border-color: var(--background-modifier-border-hover); --slider-thumb-height: 18px; --slider-thumb-width: 18px; --slider-thumb-y: -6px; --slider-thumb-radius: 50%; --slider-s-thumb-size: 15px; --slider-s-thumb-position: -5px; --slider-track-background: var(--background-modifier-border); --slider-track-height: 3px; --status-bar-background: var(--background-secondary); --status-bar-border-color: var(--divider-color); --status-bar-border-width: 1px 0 0 1px; --status-bar-font-size: var(--font-ui-smaller); --status-bar-text-color: var(--text-muted); --status-bar-position: fixed; --status-bar-radius: var(--radius-m) 0 0 0; --status-bar-scroll-padding: calc(var(--status-bar-font-size) + 18px); --swatch-radius: 14px; --swatch-height: 24px; --swatch-width: 24px; --swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15); --tab-background-active: var(--background-primary); --tab-text-color: var(--text-faint); --tab-text-color-active: var(--text-muted); --tab-text-color-focused: var(--text-muted); --tab-text-color-focused-active: var(--text-muted); --tab-text-color-focused-highlighted: var(--text-accent); --tab-text-color-focused-active-current: var(--text-normal); --tab-font-size: var(--font-ui-small); --tab-font-weight: inherit; --tab-container-background: var(--background-secondary); --tab-divider-color: var(--background-modifier-border-hover); --tab-outline-color: var(--divider-color); --tab-outline-width: 1px; --tab-curve: 6px; --tab-radius: var(--radius-s); --tab-radius-active: 6px 6px 0 0; --tab-width: 200px; --tab-max-width: 320px; --tab-stacked-pane-width: 700px; --tab-stacked-header-width: var(--header-height); --tab-stacked-font-size: var(--font-ui-small); --tab-stacked-font-weight: 400; --tab-stacked-text-align: left; --tab-stacked-text-transform: rotate(0deg); --tab-stacked-text-writing-mode: vertical-lr; --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05); --table-background: transparent; --table-border-width: 1px; --table-border-color: var(--background-modifier-border); --table-white-space: normal; --table-header-background: var(--table-background); --table-header-background-hover: inherit; --table-header-border-width: var(--table-border-width); --table-header-border-color: var(--table-border-color); --table-header-font: inherit; --table-header-size: var(--font-text-size); --table-header-weight: var(--bold-weight); --table-header-color: var(--text-normal); --table-text-size: inherit; --table-text-color: inherit; --table-column-max-width: none; --table-column-alt-background: var(--table-background); --table-column-first-border-width: var(--table-border-width); --table-column-last-border-width: var(--table-border-width); --table-row-background-hover: var(--table-background); --table-row-alt-background: var(--table-background); --table-row-last-border-width: var(--table-border-width); --tag-size: var(--font-smaller); --tag-color: var(--text-accent); --tag-color-hover: var(--text-accent); --tag-decoration: none; --tag-decoration-hover: none; --tag-background: hsla(var(--interactive-accent-hsl), 0.1); --tag-background-hover: hsla(var(--interactive-accent-hsl), 0.2); --tag-border-color: hsla(var(--interactive-accent-hsl), 0.15); --tag-border-color-hover: hsla(var(--interactive-accent-hsl), 0.15); --tag-border-width: 0px; --tag-padding-x: 0.65em; --tag-padding-y: 0.25em; --tag-radius: 2em; --titlebar-background: var(--background-secondary); --titlebar-background-focused: var(--background-secondary-alt); --titlebar-border-width: 0px; --titlebar-border-color: var(--background-modifier-border); --titlebar-text-color: var(--text-muted); --titlebar-text-color-focused: var(--text-normal); --titlebar-text-weight: var(--font-bold); --toggle-border-width: 2px; --toggle-width: 40px; --toggle-radius: 18px; --toggle-thumb-color: white; --toggle-thumb-radius: 18px; --toggle-thumb-height: 18px; --toggle-thumb-width: 18px; --toggle-s-border-width: 2px; --toggle-s-width: 34px; --toggle-s-thumb-height: 15px; --toggle-s-thumb-width: 15px; --vault-name-font-size: var(--font-ui-small); --vault-name-font-weight: var(--font-medium); --vault-name-color: var(--text-normal); --workspace-background-translucent: rgba(var(--mono-rgb-0), 0.6); --accent-h: 254; --accent-s: 80%; --accent-l: 68%; --background-primary: var(--color-base-00); --background-primary-alt: var(--color-base-10); --background-secondary: var(--color-base-20); --background-modifier-hover: rgba(var(--mono-rgb-100), 0.075); --background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.15); --background-modifier-border: var(--color-base-30); --background-modifier-border-hover: var(--color-base-35); --background-modifier-border-focus: var(--color-base-40); --background-modifier-error-rgb: var(--color-red-rgb); --background-modifier-error: var(--color-red); --background-modifier-error-hover: var(--color-red); --background-modifier-success-rgb: var(--color-green-rgb); --background-modifier-success: var(--color-green); --background-modifier-message: rgba(0, 0, 0, 0.9); --background-modifier-form-field: var(--color-base-00); --text-normal: var(--color-base-100); --text-muted: var(--color-base-70); --text-faint: var(--color-base-50); --text-on-accent: white; --text-on-accent-inverted: black; --text-error: var(--color-red); --text-success: var(--color-green); --text-selection: hsla(var(--color-accent-hsl), 0.2); --text-highlight-bg: rgba(255, 208, 0, 0.4); --text-accent: var(--color-accent); --text-accent-hover: var(--color-accent-2); --interactive-normal: var(--color-base-00); --interactive-hover: var(--color-base-10); --interactive-accent-hsl: var(--color-accent-hsl); --interactive-accent: var(--color-accent-1); --interactive-accent-hover: var(--color-accent-2); }
.theme-light { color-scheme: light; --highlight-mix-blend-mode: darken; --mono-rgb-0: 255, 255, 255; --mono-rgb-100: 0, 0, 0; --color-red-rgb: 233, 49, 71; --color-red: #e93147; --color-orange-rgb: 236, 117, 0; --color-orange: #ec7500; --color-yellow-rgb: 224, 172, 0; --color-yellow: #e0ac00; --color-green-rgb: 8, 185, 78; --color-green: #08b94e; --color-cyan-rgb: 0, 191, 188; --color-cyan: #00bfbc; --color-blue-rgb: 8, 109, 221; --color-blue: #086ddd; --color-purple-rgb: 120, 82, 238; --color-purple: #7852ee; --color-pink-rgb: 213, 57, 132; --color-pink: #d53984; --color-base-00: #ffffff; --color-base-05: #fcfcfc; --color-base-10: #fafafa; --color-base-20: #f6f6f6; --color-base-25: #e3e3e3; --color-base-30: #e0e0e0; --color-base-35: #d4d4d4; --color-base-40: #bdbdbd; --color-base-50: #ababab; --color-base-60: #707070; --color-base-70: #5a5a5a; --color-base-100: #222222; --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 2.5%)); --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 5%)); --background-secondary-alt: var(--color-base-05); --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); --background-modifier-cover: rgba(220, 220, 220, 0.4); --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0,0,0,0.05), 0 1px 1.5px 0 rgba(0,0,0,0.03), 0 1px 2px 0 rgba(0,0,0,0.04), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 2px 3px 0 rgba(0,0,0,0.1), 0 1px 1.5px 0 rgba(0,0,0,0.03), 0 1px 2px 0 rgba(0,0,0,0.04), 0 0 0 0 transparent; --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07); --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); }
.theme-dark { color-scheme: dark; --highlight-mix-blend-mode: lighten; --mono-rgb-0: 0, 0, 0; --mono-rgb-100: 255, 255, 255; --color-red-rgb: 251, 70, 76; --color-red: #fb464c; --color-orange-rgb: 233, 151, 63; --color-orange: #e9973f; --color-yellow-rgb: 224, 222, 113; --color-yellow: #e0de71; --color-green-rgb: 68, 207, 110; --color-green: #44cf6e; --color-cyan-rgb: 83, 223, 221; --color-cyan: #53dfdd; --color-blue-rgb: 2, 122, 255; --color-blue: #027aff; --color-purple-rgb: 168, 130, 255; --color-purple: #a882ff; --color-pink-rgb: 250, 153, 205; --color-pink: #fa99cd; --color-base-00: #1e1e1e; --color-base-05: #212121; --color-base-10: #242424; --color-base-20: #262626; --color-base-25: #2a2a2a; --color-base-30: #363636; --color-base-35: #3f3f3f; --color-base-40: #555555; --color-base-50: #666666; --color-base-60: #999999; --color-base-70: #bababa; --color-base-100: #dadada; --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%)); --color-accent-2: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 3.8%)); --background-modifier-form-field: var(--color-base-25); --background-secondary-alt: var(--color-base-30); --interactive-normal: var(--color-base-30); --interactive-hover: var(--color-base-35); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); --background-modifier-cover: rgba(10, 10, 10, 0.4); --text-selection: hsla(var(--interactive-accent-hsl), 0.25); --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 0 2px 4px 0 rgba(0,0,0,0.15), 0 1px 1.5px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.2), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16), 0 2px 3px 0 rgba(0,0,0,0.3), 0 1px 1.5px 0 rgba(0,0,0,0.2), 0 1px 2px 0 rgba(0,0,0,0.4), 0 0 0 0 transparent; --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3); --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); --pdf-shadow: 0 0 0 1px var(--background-modifier-border); --pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border); }
iframe { color-scheme: normal; }
@media print {
  .theme-dark { --highlight-mix-blend-mode: darken; }
}
body { --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --font-monospace-default: Menlo, SFMono-Regular, Consolas, "Roboto Mono", "Source Code Pro", monospace; --font-interface-override: "??"; --font-interface-theme: "??"; --font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font, "??"), var(--font-default); --font-text-override: "??"; --font-text-theme: "??"; --font-text: var(--font-text-override), var(--font-text-theme), var(--font-interface); --font-print-override: "??"; --font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), "Arial"; --font-monospace-override: "??"; --font-monospace-theme: "??"; --font-monospace: var(--font-monospace-override), var(--font-monospace-theme), var(--font-monospace-default); --font-text-size: 16px; --font-mermaid: var(--font-text); }
@media print {
  html, body { padding-top: 0px !important; overflow: auto !important; height: auto !important; }
  iframe, .titlebar, .app-container, .progress-bar, .popover, .markdown-embed-link { display: none !important; }
  body > :not(.print) { display: none !important; }
  .print .markdown-preview-view { -webkit-print-color-adjust: exact; color: initial; }
  .print .markdown-preview-view mark { color: initial; }
  .print .markdown-preview-view .frontmatter-container { display: none; }
  .print .markdown-preview-view .markdown-embed-content { max-height: none; overflow: visible; }
  .print .markdown-preview-view .callout-content { display: inherit !important; }
  .print .external-link { background: none; padding-right: 0px; }
  * { text-shadow: none !important; }
  webview { display: none; }
  ::-webkit-scrollbar { display: none; }
  body { --font-text: var(--font-print)  !important; }
}
* { box-sizing: border-box; }
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; overflow: hidden; }
body { text-rendering: optimizelegibility; font-family: var(--font-interface); line-height: var(--line-height-tight); font-size: var(--font-ui-medium); background-color: var(--background-primary); color: var(--text-normal); -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
body.is-translucent { background-color: transparent; }
@keyframes node-inserted { 
  0% { outline-color: rgb(255, 255, 255); }
  100% { outline-color: rgb(0, 0, 0); }
}
.node-insert-event { animation-duration: 0.01s; animation-name: node-inserted; }
.is-flashing { transition: all 0.25s ease 0s; color: var(--text-normal); mix-blend-mode: var(--highlight-mix-blend-mode); border-radius: var(--radius-s); background-color: var(--text-highlight-bg)  !important; }
body { user-select: none; overflow: hidden; }
body [contenteditable="true"], body [contenteditable=""] { user-select: text; }
body.is-grabbing, body.is-grabbing :not(.workspace-leaf-resize-handle) { cursor: grabbing !important; }
body.is-grabbing iframe:not(.is-controlled), body.is-grabbing webview { pointer-events: none; }
.app-container { display: flex; height: 100%; width: 100%; position: relative; flex-direction: column; }
.app-container.no-transition * { transition: none 0s ease 0s !important; }
.horizontal-main-container { width: 100%; display: flex; overflow: hidden; flex: 1 0 0px; }
:focus { outline: none; }
.is-text-garbled * { font-family: "Flow Circular", sans-serif !important; line-height: 1.45em !important; }
@-webkit-keyframes blink { 
  50% { background-color: transparent; }
}
@keyframes blink { 
  50% { background-color: transparent; }
}
div.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 187, 0); }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(170, 34, 34); }
div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; }
div.CodeMirror-dragcursors { visibility: visible; }
@media print {
  .CodeMirror div.CodeMirror-cursors { visibility: hidden; }
}
span.CodeMirror-selectedtext { background: none; }
.markdown-source-view { font-size: var(--font-text-size); font-family: var(--font-text); }
.markdown-source-view.mod-cm5 { height: 100%; }
.workspace-leaf-content.is-read-mode .markdown-source-view { z-index: 0; }
.markdown-source-view.is-readable-line-width .CodeMirror { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.drag-ghost { position: fixed; font-size: var(--font-ui-small); color: var(--drag-ghost-text-color); padding: var(--size-2-3) var(--size-4-2); border-radius: var(--radius-s); background-color: var(--drag-ghost-background); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); z-index: var(--layer-dragged-item); max-width: 300px; font-weight: var(--font-medium); pointer-events: none; }
.drag-ghost.mod-leaf { display: flex; z-index: var(--layer-tooltip); }
.drag-ghost-icon { margin-right: var(--size-2-3); position: relative; }
.drag-reorder-ghost { position: fixed; border-radius: var(--radius-s); background-color: var(--background-primary); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); z-index: var(--layer-dragged-item); pointer-events: none; }
.drag-ghost-self { display: flex; }
.drag-ghost-self > .svg-icon { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); opacity: 0.7; vertical-align: middle; align-self: center; margin-right: var(--size-2-2); flex-shrink: 0; }
.drag-ghost-self span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.drag-ghost-action { padding: var(--size-2-1) 0 0 0; font-size: var(--font-ui-smaller); opacity: 0.7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.drag-ghost-hidden { visibility: hidden; position: relative; }
.drag-ghost-hidden::before { content: " "; position: absolute; inset: 0px; visibility: visible; border-radius: 5px; background-color: hsla(var(--interactive-accent-hsl), 0.3); }
.markdown-source-view.mod-cm6 { height: 100%; display: flex; flex-direction: column; }
.markdown-source-view.mod-cm6 ::selection { background-color: var(--text-selection); }
.markdown-source-view.mod-cm6 .cm-line .cm-selection, .markdown-source-view.mod-cm6 .cm-line .cm-inline-code .cm-selection { background-color: var(--text-selection); }
.markdown-source-view.mod-cm6 .cm-selectionBackground, .markdown-source-view.mod-cm6 .cm-editor > .cm-scroller > .cm-selectionLayer > .cm-selectionBackground { background-color: var(--text-selection); }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content { max-width: var(--file-line-width); }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line { max-width: var(--file-line-width); }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-table-row { max-width: 100%; }
.markdown-source-view.mod-cm6 .cm-editor { flex: 1 1 0px; min-height: 0px; }
.markdown-source-view.mod-cm6 .cm-editor.cm-focused { outline: none; }
.markdown-source-view.mod-cm6 .cm-scroller { font-family: var(--font-text); line-height: var(--line-height-normal); scroll-padding-block-end: var(--status-bar-scroll-padding); }
.markdown-source-view.mod-cm6 .cm-sizer { display: flex; flex-direction: column; align-items: stretch; width: 100%; min-height: 100%; }
.markdown-source-view.mod-cm6 .cm-contentContainer { flex: 1 1 auto; display: flex; align-items: stretch; overflow-x: visible; }
.markdown-source-view.mod-cm6 .cm-content { width: 0px; caret-color: var(--text-normal); min-height: unset; padding: 0px; flex-basis: unset !important; }
.is-mobile.is-ios .markdown-source-view.mod-cm6 .cm-content { -webkit-user-modify: read-write; }
.markdown-source-view.mod-cm6 .cm-content > * { display: block; margin: 0px !important; }
.markdown-source-view.mod-cm6 .cm-content > [contenteditable="false"] { contain: paint !important; }
.markdown-source-view.mod-cm6 .cm-gutters { flex: 0 0 auto; background-color: transparent; padding-inline-end: var(--file-folding-offset); font-size: var(--font-ui-smaller); z-index: 1; font-variant: tabular-nums; color: var(--text-faint)  !important; border-right: none !important; }
.markdown-source-view.mod-cm6 .cm-line > * { text-indent: 0px; }
.markdown-source-view.mod-cm6 .cm-transparent { color: transparent; }
.markdown-source-view.mod-cm6 .cm-html-embed, .markdown-source-view.mod-cm6 .cm-callout, .markdown-source-view.mod-cm6 .cm-table-widget { white-space: normal; overflow-wrap: normal; word-break: normal; }
.markdown-source-view.mod-cm6 .cm-line { position: relative; padding: 0px; }
.markdown-source-view.mod-cm6 .edit-block-button { padding: var(--size-2-2) var(--size-2-3); position: absolute; top: var(--size-2-2); right: var(--size-2-2); display: flex; opacity: 0; color: var(--text-muted); border-radius: var(--radius-s); cursor: var(--cursor); }
@media (hover: hover) {
  .markdown-source-view.mod-cm6 .edit-block-button:hover { background-color: var(--background-modifier-hover); }
}
.markdown-source-view.mod-cm6 .cm-panels { background-color: inherit; color: inherit; }
.markdown-source-view.mod-cm6 img.cm-widgetBuffer { display: inline !important; width: 0px !important; border: 0px !important; margin: 0px !important; padding: 0px !important; }
.view-content > .markdown-source-view.mod-cm6 > .cm-editor > .cm-scroller { padding: var(--file-margins); }
.empty-state { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.empty-state-container { max-width: 480px; max-height: 280px; margin: 20px; text-align: center; }
.empty-state-title { margin: 20px 0px; font-weight: var(--h2-weight); font-size: var(--h2-size); line-height: var(--line-height-tight); position: relative; }
.empty-state-action-list { font-size: var(--font-text-size); line-height: var(--line-height-tight); color: var(--text-muted); margin-top: 20px; }
.empty-state-action { cursor: var(--cursor); line-height: 36px; color: var(--text-accent); }
@media (hover: hover) {
  .empty-state-action:hover { color: var(--text-accent-hover); }
}
.empty-state-close-button { display: none; }
body { --zoom-factor: 1; --titlebar-height: 30px; }
.mod-macos { --frame-left-space: calc(80px - var(--ribbon-width)); --frame-right-space: 0px; }
.mod-macos.is-popout-window { --frame-left-space: 80px; }
.mod-windows, .mod-linux { --frame-left-space: 0px; --frame-right-space: 126px; }
body.is-frameless:not(.is-hidden-frameless) { padding-top: calc(var(--titlebar-height) / var(--zoom-factor)); }
body.is-frameless:not(.is-hidden-frameless) .titlebar { height: var(--titlebar-height); zoom: calc(1 / var(--zoom-factor)); }
body.is-frameless:not(.is-hidden-frameless):not(.is-maximized) .titlebar { padding-top: 2px; }
body.is-frameless.is-hidden-frameless .titlebar { height: calc(var(--header-height) - 1px); }
body.is-frameless.is-hidden-frameless.starter .titlebar { height: var(--titlebar-height); }
.is-fullscreen .titlebar { display: none; }
.sidebar-toggle-button, .workspace-tabs.mod-top { --tab-container-background: var(--titlebar-background); }
body.is-focused .titlebar, body.is-focused .workspace-ribbon.mod-left { --titlebar-background: var(--titlebar-background-focused); }
body.is-focused .sidebar-toggle-button, body.is-focused .workspace-tabs.mod-top { --tab-container-background: var(--titlebar-background-focused); }
.is-hidden-frameless { --divider-vertical-height: 100%; }
.workspace-ribbon .sidebar-toggle-button { position: absolute; top: 0px; left: 0px; width: var(--ribbon-width); justify-content: center; }
.titlebar-button.mod-logo { width: var(--ribbon-width); justify-content: center; }
.is-hidden-frameless:not(.starter) .titlebar { app-region: no-drag; }
.is-hidden-frameless .titlebar-button.mod-logo { display: none; }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tab-header-container { transition: padding-left 275ms var(--anim-motion-swing), padding-right 275ms var(--anim-motion-swing); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container { padding-left: var(--frame-left-space); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-left-space .workspace-tab-header-container::before { app-region: no-drag; content: ""; height: 100%; left: 0px; top: 0px; position: absolute; width: var(--frame-left-space); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container { padding-right: var(--frame-right-space); }
.is-hidden-frameless:not(.is-fullscreen) .workspace-tabs.mod-top-right-space .workspace-tab-header-container::after { app-region: no-drag; content: ""; height: 100%; right: 0px; top: 0px; position: absolute; width: var(--frame-right-space); }
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right { background-color: var(--titlebar-background); }
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right { background-color: var(--titlebar-background-focused); }
.titlebar-button.mod-logo:hover .logo-wireframe, .titlebar-button.mod-logo:not(:hover) .logo-full { display: none; }
body.is-frameless > .app-container ~ * { app-region: no-drag; }
body.is-frameless .modal-container, body.is-frameless .suggestion-bg { app-region: initial; }
body.is-frameless .modal { app-region: no-drag; }
.loader-cube { width: 40px; height: 40px; margin: 100px auto; }
.loader-cube .sk-cube { width: 33%; height: 33%; background-color: var(--interactive-accent); float: left; animation: 1.3s ease-in-out 0s infinite normal none running sk-cubeGridScaleDelay; }
.loader-cube .sk-cube1 { animation-delay: 0.2s; }
.loader-cube .sk-cube2 { animation-delay: 0.3s; }
.loader-cube .sk-cube3 { animation-delay: 0.4s; }
.loader-cube .sk-cube4 { animation-delay: 0.1s; }
.loader-cube .sk-cube5 { animation-delay: 0.2s; }
.loader-cube .sk-cube6 { animation-delay: 0.3s; }
.loader-cube .sk-cube7 { animation-delay: 0s; }
.loader-cube .sk-cube8 { animation-delay: 0.1s; }
.loader-cube .sk-cube9 { animation-delay: 0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay { 
  0%, 70%, 100% { transform: scale3d(1, 1, 1); }
  35% { transform: scale3d(0, 0, 1); }
}
@keyframes sk-cubeGridScaleDelay { 
  0%, 70%, 100% { transform: scale3d(1, 1, 1); }
  35% { transform: scale3d(0, 0, 1); }
}
.is-loading { position: relative; }
.is-loading::before { content: " "; position: absolute; top: 0px; width: 0px; height: 3px; background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite normal none running progress-bar; }
.pane-empty { color: var(--text-faint); font-size: var(--font-ui-small); margin: var(--size-4-2) auto; text-align: center; }
.view-header { height: var(--header-height); display: none; border-bottom: var(--file-header-border); background-color: var(--background-primary); z-index: 1; position: relative; gap: var(--size-4-2); padding: 0 var(--size-4-3); }
body.is-phone .view-header, .show-view-header .view-header { display: flex; }
.is-focused .workspace-leaf.mod-active .view-header { background-color: var(--background-primary); }
.workspace-split.mod-left-split .view-header, .workspace-split.mod-right-split .view-header, .workspace-fake-target-overlay.is-in-sidebar .view-header { display: none; }
.view-header.is-highlighted::after { content: " "; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: hsla(var(--interactive-accent-hsl), 0.5); }
.view-header .view-header-icon { display: none; padding: var(--size-2-2); margin-right: var(--size-2-3); color: var(--text-muted); align-self: center; cursor: grab; }
.view-header .view-header-icon:active { cursor: grabbing; }
.view-header-title { font-size: var(--file-header-font-size); font-weight: var(--file-header-font-weight); flex: 1 1 0px; max-width: max-content; overflow: auto; padding: 0 var(--size-4-1); white-space: pre; overflow-wrap: normal; color: var(--text-muted); scroll-padding-inline-end: 20px; }
.is-focused .workspace-leaf.mod-active .view-header-title { color: var(--text-normal); }
.view-header-title::-webkit-scrollbar { display: none; }
.view-header-title-container { flex-grow: 1; overflow: hidden; position: relative; justify-content: var(--file-header-justify); display: flex; align-items: center; gap: 0px; white-space: nowrap; }
.view-header-title-container:not(.mod-at-start)::before { content: " "; position: absolute; top: 0px; left: 0px; width: 30px; height: 100%; background: linear-gradient(to right, var(--background-primary), transparent); }
.view-header-title-container:not(.mod-at-end)::after { content: " "; position: absolute; top: 0px; right: 0px; width: 30px; height: 100%; background: linear-gradient(to right, transparent, var(--background-primary)); }
.view-header-title-parent { font-size: var(--file-header-font-size); color: var(--text-muted); min-width: 0px; display: flex; gap: 0px; overflow: hidden; }
.view-header-title-parent .view-header-breadcrumb { padding: 2px 4px; border-radius: var(--radius-s); }
@media (hover: hover) {
  .view-header-title-parent .view-header-breadcrumb:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.view-header-title-parent .view-header-breadcrumb-separator { padding: 2px 1px; color: var(--text-faint); }
.view-content { width: 100%; height: calc(100% - var(--header-height)); }
.workspace-split.mod-root .view-content { background-color: var(--background-primary); }
.workspace-split.mod-root .workspace-fake-target-overlay .view-content { background-color: transparent; }
.workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content { height: 100%; overflow: auto; }
.inline-title { font-weight: var(--inline-title-weight); font-size: var(--inline-title-size); line-height: var(--inline-title-line-height); font-style: var(--inline-title-style); font-variant: var(--inline-title-variant); font-family: var(--inline-title-font); margin-bottom: var(--inline-title-margin-bottom); letter-spacing: -0.015em; color: var(--inline-title-color); }
.hover-popover .inline-title, .inline-embed .inline-title { display: none; }
body:not(.show-inline-title) .inline-title:not([data-level]) { display: none; }
::selection { background-color: var(--text-selection); }
.markdown-reading-view { display: flex; flex-direction: column; }
.markdown-preview-view { font-size: var(--font-text-size); font-family: var(--font-text); line-height: var(--line-height-normal); width: 100%; height: 100%; padding: var(--file-margins); position: relative; overflow-y: auto; overflow-wrap: break-word; color: var(--text-normal); user-select: text; }
.workspace-leaf-content.is-read-mode .markdown-preview-view { width: 100%; left: 0px; background-color: var(--background-primary); }
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.markdown-rendered.rtl { direction: rtl; }
.workspace-ribbon.mod-left { margin-top: var(--header-height); }
.workspace-ribbon.mod-left::before { position: absolute; left: 0px; top: 0px; background-color: var(--titlebar-background); content: " "; border-bottom: var(--tab-outline-width) solid var(--tab-outline-color); height: calc(var(--header-height) - var(--tab-outline-width)); width: var(--ribbon-width); }
.workspace-ribbon { width: var(--ribbon-width); flex: 0 0 var(--ribbon-width); display: flex; flex-direction: column; overflow: hidden; background-color: var(--ribbon-background); z-index: var(--layer-sidedock); color: var(--text-muted); padding: var(--ribbon-padding); gap: var(--size-4-1); border-right: var(--divider-width) solid var(--divider-color); }
.workspace-ribbon.mod-left.is-collapsed { transition: background-color 250ms ease-in-out 95ms; background-color: var(--ribbon-background-collapsed); border-right-color: var(--divider-color); }
.workspace-ribbon.mod-right { display: none; }
.workspace-ribbon.is-hidden { display: none; }
.workspace-ribbon.is-collapsed { background-color: var(--background-secondary); }
.side-dock-settings, .side-dock-actions { flex-direction: column; }
.side-dock-settings .side-dock-ribbon-action, .side-dock-actions .side-dock-ribbon-action { margin: 0px auto; }
.side-dock-settings { margin-top: auto; }
.release-notes-view { padding: var(--file-margins); }
.release-notes-view .markdown-preview-view { overflow: visible; }
.release-notes-view .is-readable-line-width { max-width: var(--file-line-width); margin-left: auto; margin-right: auto; }
.setting { display: flex; align-items: center; }
.setting-text { flex-grow: 1; }
.setting-title { font-size: var(--font-ui-large); line-height: var(--line-height-normal); }
.setting-explanation { color: var(--text-muted); }
.modal.mod-new-editor { max-width: 600px; }
.modal.mod-trust-folder { max-width: 700px; }
.modal.mod-settings .vertical-tab-header { flex: 0 0 25%; min-width: 180px; max-width: 250px; overflow: auto; border-right: 1px solid var(--divider-color); }
.modal.mod-settings .modal-content { margin-top: 0px; overflow: hidden; }
.modal.mod-plugin-options .modal-content { margin: var(--size-4-6) 0; }
.setting-item { display: flex; align-items: center; padding: 0.75em 0px; border-top: 1px solid var(--background-modifier-border); }
.setting-item + .setting-item-heading { margin-top: 0.75em; }
.setting-item:first-child { padding-top: 0px; border-top: none; }
.setting-item > :first-child { margin-right: var(--size-4-4); }
.setting-item > :last-child { margin-right: 0px; }
.setting-item.mod-cta { justify-content: center; }
.setting-item-heading { font-weight: var(--font-semibold); border-top: none; }
.setting-item-heading .setting-item-info { flex-grow: 0; margin-right: 0px; }
.setting-item-heading .setting-item-description { font-weight: var(--font-normal); }
.setting-item-info { flex: 1 1 auto; }
.setting-item-description { color: var(--text-muted); font-size: var(--font-ui-smaller); padding-top: var(--size-4-1); line-height: var(--line-height-tight); }
.setting-item-description:empty { display: none; }
.setting-item-description code { font-family: var(--font-monospace); font-size: var(--font-smaller); border-radius: var(--radius-s); padding: 0px 3px 2px; position: relative; bottom: 1px; }
.setting-item-description ul { margin: var(--size-4-1) 0; padding-left: var(--size-4-6); }
.setting-item-name { color: var(--text-normal); font-size: var(--font-ui-medium); line-height: var(--line-height-tight); }
.setting-item-control { flex: 1 1 auto; text-align: right; display: flex; justify-content: flex-end; align-items: center; gap: var(--size-4-2); }
.setting-item-control.mod-vertical { flex-direction: column; }
.setting-item-control.mod-vertical > :not(:last-child) { margin-bottom: 10px; margin-right: 0px; }
.setting-item-control.mod-hotkey { padding-top: 0px; cursor: default; }
.setting-item-control.mod-hotkey input { font-family: var(--font-monospace); font-size: var(--font-smaller); }
.setting-item-control.mod-hotkey input:focus { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.setting-item-control select { width: inherit; max-width: 400px; }
.setting-command-hotkeys { display: flex; flex-wrap: wrap; gap: var(--size-4-1); }
.setting-hotkey { font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace); font-size: var(--font-ui-small); background-color: var(--background-modifier-hover); border-radius: var(--radius-s); padding: 2px 4px 2px 8px; align-self: flex-end; white-space: nowrap; display: flex; align-items: center; gap: var(--size-4-1); }
.setting-hotkey.has-conflict { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
@media (hover: hover) {
  .setting-hotkey.has-conflict:hover { background-color: var(--background-modifier-error-hover); }
}
.setting-hotkey.mod-active { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.setting-hotkey.mod-empty { padding-right: var(--size-4-2); }
.setting-hotkey-icon { display: flex; align-items: center; cursor: var(--cursor); border-radius: 50%; line-height: 1; text-align: center; }
.setting-hotkey-icon .svg-icon { width: 16px; height: 16px; stroke-width: 2px; opacity: 0.6; }
@media (hover: hover) {
  .setting-hotkey-icon:hover .svg-icon { opacity: 1; }
}
@media (hover: hover) {
  .setting-delete-hotkey:hover { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
}
.setting-add-hotkey-button, .setting-restore-hotkey-button { padding: var(--size-2-2); border-radius: var(--radius-s); color: var(--text-faint); cursor: var(--cursor); height: calc(var(--icon-l) + var(--size-2-2) + var(--size-2-2)); }
.setting-add-hotkey-button.mod-active, .setting-restore-hotkey-button.mod-active { color: var(--text-accent); }
@media (hover: hover) {
  .setting-add-hotkey-button:hover, .setting-restore-hotkey-button:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.setting-editor-extra-setting-button { line-height: 0; }
.setting-message { font-size: var(--font-ui-small); }
.setting-font-list { margin: 1.5em 0px 0.75em; }
.hotkey-settings-container { display: flex; flex-direction: column; }
.hotkey-settings-container .setting-item-description { padding-top: 0px; }
.hotkey-settings-container hr { margin: 20px 0px 10px; }
.hotkey-list-container { overflow: auto; }
.hotkey-header-container { justify-content: space-between; padding-bottom: var(--size-4-8); display: flex; flex-wrap: wrap; }
.hotkey-filter { align-items: center; background-color: var(--background-secondary); border-radius: var(--radius-s); display: flex; font-size: var(--font-ui-small); padding: var(--size-4-1) var(--size-4-1) var(--size-4-1) var(--size-4-2); gap: var(--size-2-1); }
.setting-filter-container { display: flex; gap: var(--size-4-2); margin-bottom: var(--size-4-8); }
.input-right-decorator { position: absolute; transform: translateY(-50%); top: 50%; right: var(--size-4-1); }
.search-input-container input:not(:placeholder-shown) ~ .input-right-decorator { right: calc(var(--size-4-1) + 28px); }
.search-input-container.mod-hotkey .clickable-icon { padding: var(--size-2-1); }
.hotkey-filter-remove-button { cursor: var(--cursor); color: var(--text-muted); padding: var(--size-2-1); border-radius: var(--radius-s); display: flex; align-items: center; --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
@media (hover: hover) {
  .hotkey-filter-remove-button:hover { background-color: var(--background-modifier-hover); }
}
.modal.mod-image-lightbox { max-width: 90vw; max-height: 90vh; padding: 0px; }
.modal.mod-image-lightbox .modal-content { padding: var(--size-4-12) var(--size-4-3) var(--size-4-2) var(--size-4-3); text-align: center; }
.login-field { max-width: 500px; margin: 1em auto; }
.spellchecker-dictionary-container { max-height: 60vh; overflow: auto; }
.spellchecker-dictionary-item { display: flex; margin-bottom: 10px; }
.spellchecker-dictionary-word { flex-grow: 1; }
.spellchecker-dictionary-remove-button { cursor: var(--cursor); color: var(--text-muted); margin-right: 10px; }
@media (hover: hover) {
  .spellchecker-dictionary-remove-button:hover { color: var(--text-normal); }
}
.modal.mod-new-editor .card, .modal.mod-restricted-mode .card { flex: 1 0 0px; }
.input-right-decorator { position: absolute; transform: translateY(-50%); top: 50%; right: var(--size-4-1); }
.input-right-decorator.clickable-icon { padding: var(--size-2-1) var(--size-2-2); }
.input-right-decorator.clickable-icon.is-active { background-color: transparent; }
.search-input-container input:not(:placeholder-shown) ~ .input-right-decorator { right: calc(var(--size-4-1) + 28px); }
.search-input-container input:placeholder-shown ~ .search-input-clear-button { display: none; }
.mod-community-modal .modal-sidebar .setting-item { max-width: var(--modal-community-sidebar-width); padding: 0 var(--size-4-3) var(--size-4-1); border: none; gap: var(--size-4-2); }
.mod-community-modal .modal-sidebar .setting-item:first-child { max-width: 500px; gap: 0px; margin-bottom: var(--size-4-2); }
.mod-community-modal .modal-sidebar .setting-item-name { font-size: var(--font-ui-small); padding-left: var(--size-4-1); }
.mod-community-modal .modal-sidebar .setting-item-info { margin: 0px; flex-grow: 0; }
.mod-community-modal .modal-sidebar .search-input-container { width: 100%; }
.mod-community-modal .modal-sidebar button.clickable-icon { padding: 6px 10px; display: flex; align-items: center; color: var(--text-normal); }
.community-modal-details-empty-state { padding: 0px; text-align: center; }
.community-modal-search-summary { font-size: var(--font-ui-small); padding: var(--size-4-1) var(--size-4-3) var(--size-4-3) var(--size-4-4); }
.community-modal-search-results-wrapper { flex: 1 0 auto; overflow: auto; border-top: var(--border-width) solid var(--divider-color); scroll-padding: var(--size-4-3); contain: strict; }
.community-modal-search-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--size-4-3); padding: var(--size-4-3); }
.community-item { position: relative; background-color: var(--background-primary); padding: var(--size-4-3); cursor: var(--cursor); border-radius: var(--radius-m); border: 1px solid var(--background-modifier-border); display: flex; flex-direction: column; gap: var(--size-2-1); }
.community-item:last-child { margin-bottom: 0px; }
.community-item .suggestion-highlight { background-color: var(--text-highlight-bg); }
.community-item.is-selected, .community-item.is-selected:hover { border-color: var(--interactive-accent); background-color: var(--interactive-accent); color: var(--text-on-accent); }
.community-item.is-selected .community-item-author, .community-item.is-selected:hover .community-item-author, .community-item.is-selected .community-item-repo, .community-item.is-selected:hover .community-item-repo, .community-item.is-selected .community-item-downloads, .community-item.is-selected:hover .community-item-downloads, .community-item.is-selected .community-item-updated, .community-item.is-selected:hover .community-item-updated { color: var(--text-on-accent); opacity: 0.8; }
.community-item.is-selected .flair, .community-item.is-selected:hover .flair { color: var(--text-on-accent); background-color: transparent; }
@media (hover: hover) {
  .community-item:hover { border-color: var(--background-modifier-border-hover); }
}
.is-mobile .community-item { max-width: 500px; }
.community-item .flair { margin-left: var(--size-4-1); background-color: var(--tag-background); color: var(--tag-color); vertical-align: middle; top: -1px; }
.community-item-name { font-size: var(--font-ui-medium); line-height: var(--line-height-tight); font-weight: var(--font-medium); }
.community-item-author { font-size: var(--font-ui-smaller); line-height: var(--line-height-tight); color: var(--text-muted); }
.community-item-downloads { font-size: var(--font-ui-smaller); color: var(--text-muted); --icon-color: var(--text-faint); --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
.community-item-downloads svg { vertical-align: text-bottom; }
.community-item-updated { font-size: var(--font-ui-smaller); color: var(--text-muted); margin-bottom: var(--size-4-2); }
.community-item-downloads-text { margin-left: var(--size-2-2); }
.community-item-desc { font-size: var(--font-ui-small); line-height: var(--line-height-tight); margin-top: 4px; }
.community-item-badge.mod-update { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); color: var(--interactive-accent); position: absolute; top: var(--size-4-3); right: var(--size-4-3); }
.community-item-screenshot { max-width: 100%; object-fit: cover; border-radius: var(--radius-s); aspect-ratio: 16 / 9; image-rendering: -webkit-optimize-contrast; margin-top: var(--size-4-1); }
.community-item-screenshot.mod-unavailable { text-align: center; color: var(--text-muted); }
.community-item-screenshot .placeholder-icon { display: flex; align-items: center; justify-content: center; height: 100%; }
.community-item-screenshot .placeholder-icon .svg-icon { color: var(--text-faint); width: var(--size-4-8); height: var(--size-4-8); }
.community-modal-info-name { font-size: var(--h2-size); font-weight: var(--font-semibold); line-height: var(--line-height-tight); margin-bottom: var(--size-4-6); }
.community-modal-info-author, .community-modal-info-repo, .community-modal-info-version { font-size: var(--font-ui-small); line-height: var(--line-height-tight); color: var(--text-muted); }
.community-modal-info-desc { font-size: var(--font-ui-small); line-height: var(--line-height-tight); margin-top: 4px; }
.community-modal-details { flex: 1 1 calc(var(--modal-max-width) - var(--modal-community-sidebar-width)); overflow: auto; display: flex; flex-direction: column; border-left: 1px solid var(--divider-color); }
.community-modal-info { flex: 1 1 0px; overflow-y: auto; padding: var(--size-4-8) var(--size-4-16); scroll-padding: var(--size-4-4); }
.community-readme { overflow-y: visible; height: auto; padding: var(--size-4-4) 0; }
.community-readme video, .community-readme img { max-width: 100%; }
.community-modal-info-desc { font-size: var(--font-ui-medium); line-height: var(--line-height-tight); margin-top: var(--size-4-2); }
.community-modal-button-container { display: flex; flex-wrap: wrap; gap: var(--size-4-2); margin: 1.5em 0px; }
.community-modal-info-downloads { color: var(--text-muted); margin-top: var(--size-4-1); display: inline-block; --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
.community-modal-info-downloads-text { margin-left: var(--size-4-1); position: relative; top: -1px; }
.community-modal-readme { font-size: var(--font-text-size); font-family: var(--font-text); line-height: var(--line-height-normal); overflow-wrap: break-word; color: var(--text-normal); user-select: text; }
.installed-plugins-container { padding-top: var(--size-4-4); border-top: 1px solid var(--background-modifier-border); }
.community-modal-grid-button-container { position: absolute; top: var(--size-4-4); right: var(--size-4-12); display: flex; gap: var(--size-4-2); }
.status-bar { position: var(--status-bar-position); width: auto; bottom: 0px; right: 0px; border-radius: var(--status-bar-radius); border-style: solid; border-width: var(--status-bar-border-width); border-color: var(--status-bar-border-color); background-color: var(--status-bar-background); color: var(--status-bar-text-color); display: flex; font-size: var(--status-bar-font-size); justify-content: flex-end; min-height: 18px; padding: var(--size-4-1); gap: var(--size-2-1); user-select: none; z-index: var(--layer-status-bar); font-variant-numeric: tabular-nums; }
.status-bar-item { border-radius: var(--radius-s); display: inline-flex; align-items: center; padding: 3px var(--size-2-2); line-height: 1; }
.status-bar-item.mod-clickable { cursor: var(--cursor); }
@media (hover: hover) {
  .status-bar-item.mod-clickable:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.status-bar-item.plugin-editor-status, .status-bar-item.plugin-sync { padding: 0 var(--size-2-2); }
@media (hover: hover) {
  .status-bar-item.plugin-editor-status:hover, .status-bar-item.plugin-sync:hover { background-color: var(--background-modifier-hover); }
}
.status-bar-item-icon { vertical-align: middle; display: flex; align-items: center; }
.status-bar-item-segment { margin-right: var(--size-4-2); }
.status-bar-item-segment:last-child { margin-right: 0px; }
.is-screenshotting .status-bar { display: none; }
.titlebar { app-region: drag; position: fixed; top: 0px; left: 0px; right: 0px; display: flex; background-color: var(--titlebar-background); border-bottom: var(--titlebar-border-width) solid var(--titlebar-border-color); }
.titlebar-inner { color: var(--titlebar-text-color); font-weight: var(--titlebar-text-weight); width: 100%; display: flex; }
.is-focused .titlebar-inner { color: var(--titlebar-text-color-focused); }
.titlebar-text { opacity: 0.85; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; flex-grow: 1; font-size: var(--font-ui-small); text-align: center; display: flex; justify-content: center; align-items: center; padding: 0px 125px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.titlebar-button-container { display: flex; position: absolute; top: 0px; }
.mod-macos .titlebar-button-container { top: 8px; }
.titlebar-button-container.mod-left { left: 0px; }
.mod-macos .titlebar-button-container.mod-left { left: calc(80px / var(--zoom-factor)); }
.titlebar-button-container .mod-back, .titlebar-button-container .mod-forward { color: var(--icon-color); }
.titlebar-button-container .mod-back .svg-icon, .titlebar-button-container .mod-forward .svg-icon { width: 14px; height: 14px; stroke-width: 2.25px; }
@media (hover: hover) {
  .titlebar-button-container .mod-back:hover, .titlebar-button-container .mod-forward:hover { color: var(--icon-color-hover); }
}
.titlebar-button-container.mod-right { right: 0px; }
.titlebar-button { app-region: no-drag; padding: var(--size-2-2) var(--size-2-3); cursor: var(--cursor); display: inline-flex; align-items: center; }
@media (hover: hover) {
  .titlebar-button:hover { opacity: 1; background-color: var(--background-modifier-hover); }
  .titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); }
}
.mod-macos .titlebar-button { border-radius: var(--radius-s); }
body.is-frameless.is-hidden-frameless { padding-top: 0px !important; }
.is-hidden-frameless.mod-macos .titlebar { display: none; }
.is-hidden-frameless.mod-windows .titlebar, .is-hidden-frameless.mod-linux .titlebar { background: transparent; border: none; z-index: var(--layer-popover); pointer-events: none; }
.is-hidden-frameless.mod-windows .titlebar-button.mod-back, .is-hidden-frameless.mod-linux .titlebar-button.mod-back, .is-hidden-frameless.mod-windows .titlebar-button.mod-forward, .is-hidden-frameless.mod-linux .titlebar-button.mod-forward, .is-hidden-frameless.mod-windows .titlebar-text, .is-hidden-frameless.mod-linux .titlebar-text { display: none; }
.is-hidden-frameless.mod-windows .titlebar-button-container, .is-hidden-frameless.mod-linux .titlebar-button-container { pointer-events: auto; }
.mod-linux .titlebar-button-container, .mod-windows .titlebar-button-container { height: 100%; }
.mod-linux .titlebar-button, .mod-windows .titlebar-button { padding: 0px 16px; display: flex; align-items: center; }
.mod-linux .titlebar-button.mod-logo, .mod-windows .titlebar-button.mod-logo { padding: 4px 8px; }
@media (hover: hover) {
  .mod-linux .titlebar-button.mod-close:hover, .mod-windows .titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); }
  .mod-linux .titlebar-button.mod-close:hover .svg-icon, .mod-windows .titlebar-button.mod-close:hover .svg-icon { fill: white; stroke: white; }
}
@media screen and (max-width: 300px) {
  .titlebar-text { display: none; }
}
.is-translucent:not(.is-fullscreen) { --nav-collapse-icon-color: rgba(var(--mono-rgb-100), 0.3); --nav-collapse-icon-color-collapsed: rgba(var(--mono-rgb-100), 0.3); --divider-color: rgba(0, 0, 0, 0.15); }
.is-translucent:not(.is-fullscreen) .titlebar, .is-translucent:not(.is-fullscreen) .app-container { background-color: var(--workspace-background-translucent); }
.is-translucent:not(.is-fullscreen) .workspace-ribbon.mod-left, .is-translucent:not(.is-fullscreen) .workspace-tabs, .is-translucent:not(.is-fullscreen) .workspace-split.mod-root, .is-translucent:not(.is-fullscreen) .sidebar-toggle-button, .is-translucent:not(.is-fullscreen) .mod-left-split .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .mod-right-split .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .mod-top .workspace-tab-header-container, .is-translucent:not(.is-fullscreen) .workspace-tabs .workspace-leaf, .is-translucent:not(.is-fullscreen) .workspace-ribbon.mod-left::before { background-color: transparent !important; }
.workspace { background-color: var(--background-primary); display: flex; flex: 1 0 0px; transition: padding-left 100ms ease-in 0s; overflow: hidden; height: 100%; }
.is-translucent .workspace { background-color: transparent; }
.workspace-split { display: flex; position: relative; }
.workspace-split.mod-vertical > .workspace-split:last-child { padding-right: 0px; }
.workspace-split:last-child:not(.mod-right-split) > .workspace-leaf-resize-handle { display: none; }
.workspace-split.mod-vertical { flex-direction: row; }
.workspace-split.mod-horizontal { flex-direction: column; }
.workspace-split.mod-root { background-color: var(--background-primary); }
.workspace-leaf { display: flex; flex-direction: column; position: relative; overflow: hidden; isolation: isolate; contain: strict !important; }
.workspace-split.mod-root .workspace-leaf:last-child .workspace-leaf-resize-handle { display: none; }
.workspace-leaf.is-highlighted::before { content: " "; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-color: hsla(var(--interactive-accent-hsl), 0.25); z-index: var(--layer-popover); pointer-events: none; }
.workspace > .workspace-leaf, .workspace > .workspace-split { height: 100%; width: 100%; }
.workspace-split.mod-root > .workspace-leaf-resize-handle { display: none; }
.workspace-leaf-resize-handle { app-region: no-drag; position: absolute; z-index: var(--layer-cover); background-color: transparent; transition: background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, opacity 200ms ease-in-out 0s; border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-style: initial; border-top-color: initial; border-width: var(--divider-width); margin: 0px; }
@media (hover: hover) {
  .workspace-leaf-resize-handle:hover { background-color: var(--divider-color-hover); border-color: var(--divider-color-hover); }
  .is-translucent .workspace-leaf-resize-handle:hover { background-color: var(--divider-color-hover); border-color: var(--divider-color-hover); }
}
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { bottom: 0px; left: 0px; border-bottom-style: solid; border-bottom-width: var(--divider-width); height: var(--divider-width-hover); width: 100%; cursor: row-resize; }
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle { right: 0px; bottom: 0px; width: var(--divider-width-hover); height: var(--divider-vertical-height); cursor: col-resize; }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle { border-left-style: solid; border-left-width: var(--divider-width); }
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle { border-right-style: solid; border-right-width: var(--divider-width); }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle { right: unset; left: 0px; }
.workspace-split.mod-vertical > * { height: 100%; flex: 1 0 0px; width: 0px; }
.workspace-split.mod-horizontal > * { width: 100%; flex: 1 0 0px; height: 0px; }
.workspace-split.mod-left-split, .workspace-split.mod-right-split { flex: 0 0 auto; }
.is-translucent .workspace-split.mod-left-split.is-sidedock-collapsed .workspace-tabs, .is-translucent .workspace-split.mod-right-split.is-sidedock-collapsed .workspace-tabs { visibility: hidden; }
.workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle { z-index: var(--layer-status-bar); height: var(--divider-vertical-height); top: unset; bottom: 0px; }
.view-header-nav-buttons { --icon-size: var(--icon-s); align-items: center; display: flex; margin-right: var(--size-4-1); }
body.is-phone .view-header-nav-buttons { display: none; }
.workspace-leaf-content { width: 100%; height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; }
.workspace-leaf-content .view-content { padding: var(--size-4-4); overflow: auto; }
.workspace-leaf-content[data-type="markdown"] .view-content { padding: 0px; overflow: hidden; }
.workspace-leaf-content[data-type="backlink"] .view-content, .workspace-leaf-content[data-type="outgoing-link"] .view-content { padding: 0px; overflow: hidden; display: flex; flex-direction: column; }
.workspace-leaf-content .image-container, .workspace-leaf-content .audio-container, .workspace-leaf-content .video-container { text-align: center; }
.workspace-leaf-content img:not([width]), .workspace-leaf-content audio, .workspace-leaf-content video { max-width: 100%; }
.workspace-fake-target-overlay, .workspace-drop-overlay { will-change: transform, width, height; position: fixed; left: 0px; top: 0px; width: 0px; height: 0px; transform: translate(0px, 0px); transition: all 100ms ease-in-out 0s; z-index: var(--layer-cover); pointer-events: none; }
.workspace-drop-overlay::before { content: " "; position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); inset: 0px; margin: auto; background-color: var(--interactive-accent); border-radius: var(--radius-m); opacity: 0.5; }
.workspace-fake-target-container { visibility: hidden; position: absolute; pointer-events: none; top: 0px; left: 0px; }
.workspace-fake-target-overlay { visibility: visible; overflow: hidden; background-color: var(--background-primary); }
.workspace-fake-target-overlay > * { width: 100%; height: 100%; }
.workspace-tabs { overflow: hidden; display: flex; flex-direction: column; position: relative; }
.workspace-tabs > * { flex: 1 0 0px; }
.workspace-tabs .workspace-leaf { height: 100%; }
.workspace-split.mod-right-split .workspace-tabs { padding-right: 0px; }
.workspace-tabs:last-child .workspace-leaf-resize-handle { display: none; }
.workspace-fake-target-overlay:not(.is-in-sidebar) .workspace-tabs .workspace-leaf, .mod-root .workspace-tabs .workspace-leaf { background-color: var(--background-primary); }
.workspace-tabs .workspace-leaf { background-color: var(--background-secondary); }
.workspace-tabs .workspace-leaf .view-content { height: 100%; }
.workspace-tab-header-container { display: flex; background-color: var(--tab-container-background); height: var(--header-height); border-bottom: var(--tab-outline-width) solid var(--tab-outline-color); flex: 0 0 auto; padding-left: 0px; padding-right: var(--size-4-2); position: relative; }
.is-phone .workspace-tab-header-container { display: none; }
.workspace-tab-header-container-inner { display: flex; flex: 0 1 auto; overflow: auto; margin: 6px -5px calc(var(--tab-outline-width) * -1); padding: 1px 15px 0px; }
.mod-root .workspace-tab-header-container-inner { padding: 1px 15px 0px; }
.workspace-tab-header-container-inner::-webkit-scrollbar, .workspace-tab-header-container-inner::-webkit-scrollbar-thumb { display: none; }
.workspace-tab-header-inner-icon { flex: 0 0 auto; display: flex; }
.mod-root .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon, .mod-root .workspace-tab-header[data-type="empty"] .workspace-tab-header-inner-icon { display: none; }
.is-focused .workspace-tab-header { color: var(--tab-text-color-focused); }
.is-focused .workspace-tab-header.is-active { color: var(--tab-text-color-focused-active); }
.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title { color: var(--tab-text-color-focused-active-current); }
.is-focused .mod-active .workspace-tab-header.is-active.is-highlighted .workspace-tab-header-inner-icon, .is-focused .mod-active .workspace-tab-header.is-active.is-highlighted .workspace-tab-header-inner-title { color: var(--tab-text-color-focused-highlighted); }
.is-focused .workspace-tab-header.active.is-highlighted .workspace-tab-header-inner-icon, .is-focused .workspace-tab-header.is-highlighted .workspace-tab-header-inner-icon, .is-focused .workspace-tab-header.active.is-highlighted .workspace-tab-header-inner-title, .is-focused .workspace-tab-header.is-highlighted .workspace-tab-header-inner-title { color: var(--tab-text-color-focused-highlighted); }
.workspace-tab-header { app-region: no-drag; color: var(--tab-text-color); display: flex; position: relative; padding: 1px 4px 3.5px; scroll-margin-inline-start: var(--size-2-3); scroll-margin-inline-end: var(--size-4-1); text-align: center; border-radius: var(--tab-radius-active); }
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner { background-color: var(--background-modifier-hover); }
.workspace-tab-header::before, .workspace-tab-header::after { position: absolute; bottom: 0px; content: ""; width: calc(var(--tab-curve) * 2); height: calc(var(--tab-curve) * 2); border-radius: 100%; box-shadow: 0 0 0 calc(var(--tab-curve) * 3) transparent; }
.workspace-tab-header::before { left: calc(var(--tab-curve) * -2); clip-path: inset(50% calc(var(--tab-curve) * -1) 0 50%); }
.workspace-tab-header::after { right: calc(var(--tab-curve) * -2); clip-path: inset(50% 50% 0 calc(var(--tab-curve) * -1)); }
.workspace-tab-header.is-active { box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color); color: var(--tab-text-color-active); background-color: var(--tab-background-active); }
.workspace-split.mod-root .workspace-tab-header.is-active::before, .workspace-split.mod-root .workspace-tab-header.is-active::after { box-shadow: inset 0 0 0 var(--tab-outline-width) var(--tab-outline-color), 0 0 0 calc(var(--tab-curve) * 4) var(--tab-background-active); }
.workspace-tab-header.is-active .workspace-tab-header-inner::after { opacity: 0; }
.workspace-tab-container { display: flex; overflow: hidden; }
.workspace-tab-container > * { flex: 1 0 0px; }
.workspace-tab-header-inner { align-items: center; display: flex; gap: var(--size-2-1); height: 100%; border-radius: var(--tab-radius); overflow: hidden; padding: 0px 8px; width: 100%; }
.workspace-tab-header-inner .workspace-tab-header-inner-icon { color: var(--icon-color); opacity: var(--icon-opacity); }
@media (hover: hover) {
  .workspace-tab-header-inner:hover .workspace-tab-header-inner-icon { color: var(--icon-color-hover); opacity: var(--icon-opacity-hover); }
}
.mod-root .workspace-tab-header-inner { padding: 0px 3px 0px 6px; }
.workspace-tab-header-inner-title { flex: 1 1 auto; font-size: var(--tab-font-size); font-weight: var(--tab-font-weight); overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.workspace-tab-header-status-container { display: flex; flex-shrink: 0; gap: var(--size-2-1); justify-content: center; }
.workspace-tab-header-status-container:empty { display: none; }
.workspace-tab-header-status-icon, .workspace-tab-header-inner-close-button { cursor: var(--cursor); padding: var(--size-2-1); border-radius: var(--radius-s); display: flex; align-items: center; --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
@media (hover: hover) {
  .workspace-tab-header.is-active .workspace-tab-header-status-icon:hover, .workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover { background-color: var(--background-modifier-hover); }
  .mod-root .workspace-tab-header.is-active .workspace-tab-header-status-icon.mod-linked:hover, .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button.mod-linked:hover, .mod-root .workspace-tab-header.is-active .workspace-tab-header-status-icon.mod-pinned:hover, .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button.mod-pinned:hover { background-color: var(--background-modifier-active-hover); }
}
.workspace-tab-header.is-active .workspace-tab-header-status-icon::after, .workspace-tab-header.is-active .workspace-tab-header-inner-close-button::after { background-color: transparent; }
@media (hover: hover) {
  .workspace-tab-header-inner-close-button:hover { color: var(--tab-text-color-focused-active-current); }
}
.workspace-tab-header:hover .workspace-tab-header-inner-close-button { color: var(--tab-text-color-focused); }
@media (hover: hover) {
  .workspace-tab-header:hover .workspace-tab-header-inner-close-button:hover { color: var(--tab-text-color-focused-active-current); }
}
.workspace-tab-header.is-active .workspace-tab-header-inner-close-button { color: var(--tab-text-color-focused); }
@media (hover: hover) {
  .workspace-tab-header.is-active .workspace-tab-header-inner-close-button:hover { color: var(--tab-text-color-focused-active-current); }
}
.workspace-sidedock-empty-state { font-size: var(--font-ui-small); padding: 20px 30px; }
.workspace-tab-header.is-before-active .workspace-tab-header-inner { border-bottom-right-radius: 10px; }
.workspace-tab-header-spacer { display: flex; flex-grow: 1; }
body:not(.is-grabbing):not(.is-fullscreen) .workspace-tabs.mod-top .workspace-tab-header-spacer { app-region: drag; }
body:not(.is-grabbing):not(.is-fullscreen).is-hidden-frameless .mod-top .workspace-tab-header-container { app-region: drag; }
.workspace-tab-header-tab-list, .workspace-tab-header-new-tab { app-region: no-drag; display: none; z-index: 1; align-items: center; }
.titlebar .workspace-tab-header-tab-list, .titlebar .workspace-tab-header-new-tab, .mod-root .workspace-tab-header-tab-list, .mod-root .workspace-tab-header-new-tab { display: flex; }
.workspace-tab-header-tab-list .clickable-icon, .workspace-tab-header-new-tab .clickable-icon { color: var(--icon-color); padding: var(--size-2-2); --icon-size: var(--icon-m); --icon-stroke: var(--icon-m-stroke-width); align-items: center; }
.workspace-tab-header-new-tab { padding: var(--size-4-2) 0 var(--size-2-3); margin-right: var(--size-4-3); margin-left: -4px; }
.workspace-tab-header-tab-list { margin-right: var(--size-4-1); padding: var(--size-4-2) 0 var(--size-2-3); }
.workspace-fake-target-overlay.is-in-sidebar .workspace-tab-header-inner-title, .mod-left-split .workspace-tab-header-inner-title, .mod-right-split .workspace-tab-header-inner-title { display: var(--sidebar-tab-text-display); }
.workspace-fake-target-overlay.is-in-sidebar .workspace-tab-header-inner-close-button, .mod-left-split .workspace-tab-header-inner-close-button, .mod-right-split .workspace-tab-header-inner-close-button { display: none; }
body > .workspace-split { height: 100%; }
.mod-root .workspace-tabs > .workspace-leaf .view-header-title { white-space: normal; }
.mod-root .workspace-tab-header-status-icon { color: var(--text-accent); }
.mod-root .workspace-tab-header-status-icon, .mod-root .workspace-tab-header-inner-icon { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); }
.mod-root .mod-pinned, .mod-root .workspace-tab-header-inner-close-button { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
.mod-right-split .markdown-preview-view, .mod-left-split .markdown-preview-view, .mod-right-split .markdown-source-view.mod-cm6 .cm-scroller, .mod-left-split .markdown-source-view.mod-cm6 .cm-scroller { --file-margins: var(--size-4-5); }
.mod-right-split .markdown-preview-view, .mod-left-split .markdown-preview-view, .mod-right-split .markdown-source-view, .mod-left-split .markdown-source-view { font-size: var(--sidebar-markdown-font-size); }
.mod-left-split .workspace-tab-header-container-inner, .mod-right-split .workspace-tab-header-container-inner { padding: 1px 8px 7px; margin: 6px 0px 0px; gap: 3px; }
.mod-left-split .workspace-tab-header, .mod-right-split .workspace-tab-header { box-shadow: none; background-color: transparent; padding: 0px; margin: 0px; border-radius: var(--radius-s); }
.mod-left-split .workspace-tab-header::before, .mod-right-split .workspace-tab-header::before, .mod-left-split .workspace-tab-header::after, .mod-right-split .workspace-tab-header::after { display: none; }
.mod-left-split .workspace-tab-header:active .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header:active .workspace-tab-header-inner-icon { color: var(--icon-color-focused); }
.mod-left-split .workspace-tab-header.has-active-menu, .mod-right-split .workspace-tab-header.has-active-menu, .mod-left-split .workspace-tab-header.is-active, .mod-right-split .workspace-tab-header.is-active { background-color: var(--background-modifier-hover); }
@media (hover: hover) {
  .mod-left-split .workspace-tab-header.has-active-menu:hover, .mod-right-split .workspace-tab-header.has-active-menu:hover, .mod-left-split .workspace-tab-header.is-active:hover, .mod-right-split .workspace-tab-header.is-active:hover { background-color: var(--background-modifier-hover); }
}
.mod-left-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header.has-active-menu .workspace-tab-header-inner-icon, .mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon { opacity: var(--icon-opacity-active); color: var(--icon-color-focused); }
.workspace .mod-root .workspace-tab-header { app-region: no-drag; flex: 1 1 0px; width: var(--tab-width); min-width: 0px; max-width: var(--tab-max-width); padding: 1px 3px 3.5px; }
.workspace .mod-root .workspace-tab-header .workspace-tab-header-status-container { position: sticky; right: 0px; }
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button { position: sticky; right: 0px; }
.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button { pointer-events: all; opacity: 1; }
.workspace .mod-root .workspace-tab-header.is-active:hover .workspace-tab-header-inner-close-button svg, .workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button svg { opacity: 1; }
.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner-close-button::after { background-color: transparent; }
.workspace .mod-root .workspace-tab-header-inner::after { position: absolute; right: -0.5px; width: 1px; background-color: var(--tab-divider-color); content: ""; height: 20px; }
.workspace .mod-root .workspace-tab-header-inner-icon { display: flex; padding-right: 4px; }
.workspace .mod-root .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon, .workspace .mod-root .workspace-tab-header[data-type="empty"] .workspace-tab-header-inner-icon { display: none; }
.workspace .mod-root .workspace-tab-header-inner-title { text-overflow: ellipsis; width: 100%; }
.workspace .mod-root .workspace-tab-header-status-container.mod-linked { display: none; }
.workspace .mod-root .workspace-tab-header-spacer { flex-shrink: 1; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container-inner { padding: 0 0 0 var(--size-4-3); margin: 0px; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container { overflow: auto hidden; position: relative; display: flex; flex-direction: row; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container > * { flex: 0 0 auto; position: sticky; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header { width: var(--tab-stacked-header-width); writing-mode: var(--tab-stacked-text-writing-mode); text-orientation: sideways; background-color: var(--background-primary); padding: 0px; border-radius: 0px; box-shadow: -1px 0 0 0 var(--tab-outline-color), var(--tab-stacked-shadow); --no-tooltip: true; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header::before, .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header::after { display: none; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:hover .workspace-tab-header-inner { background-color: transparent; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner { padding: var(--size-4-2) var(--size-4-2) var(--size-4-4); border-radius: 0px; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner::after { display: none; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-title { order: 3; width: auto; -webkit-mask-image: unset; padding: var(--size-4-1) 0; transform: var(--tab-stacked-text-transform); text-align: var(--tab-stacked-text-align); font-weight: var(--tab-stacked-font-weight); font-size: var(--tab-stacked-font-size); text-orientation: mixed; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon { order: 2; cursor: grab; display: flex; padding: var(--size-2-2); border-radius: var(--radius-s); }
@media (hover: hover) {
  .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover { background-color: var(--background-modifier-hover); }
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:active { cursor: grabbing; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button { color: var(--tab-text-color-focused); }
@media (hover: hover) {
  .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button:hover { background-color: var(--background-modifier-hover); }
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf { width: var(--tab-stacked-pane-width); contain: strict; }
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf.is-hidden > * { display: none; }
.sidebar-toggle-button { height: calc(var(--header-height) - 1px); display: flex; justify-content: center; padding: var(--size-4-2) 0 7px 0; app-region: no-drag; --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right { background-color: var(--tab-container-background); position: fixed; top: 0px; right: 0px; padding-right: var(--size-4-2); z-index: var(--layer-popover); }
.mod-macos.is-hidden-frameless:not(.is-popout-window) .workspace .workspace-tabs.mod-top-right-space .workspace-tab-header-container { padding-right: 38px; }
.button-container { margin-top: 20px; }
button { app-region: no-drag; display: inline-flex; align-items: center; justify-content: center; color: var(--text-normal); font-size: var(--font-ui-small); border-radius: var(--button-radius); border: 0px; padding: var(--size-4-1) var(--size-4-3); height: var(--input-height); font-weight: var(--input-font-weight); cursor: var(--cursor); font-family: inherit; outline: none; user-select: none; white-space: nowrap; }
button:not(.clickable-icon) { background-color: var(--interactive-normal); box-shadow: var(--input-shadow); }
@media (hover: hover) {
  button:hover { background-color: var(--interactive-hover); box-shadow: var(--input-shadow-hover); }
}
button[aria-disabled="true"] { background-color: var(--interactive-normal); }
button:focus-visible { box-shadow: 0 0 0 3px var(--background-modifier-border-focus); }
button[disabled="true"] { cursor: not-allowed; }
button.mod-cta { background-color: var(--interactive-accent); color: var(--text-on-accent); }
@media (hover: hover) {
  button.mod-cta:hover { background-color: var(--interactive-accent-hover); }
}
button.mod-cta:focus-visible { box-shadow: 0 0 0 3px var(--background-modifier-border-focus); }
button.mod-muted { background-color: var(--background-secondary); color: var(--text-muted); }
@media (hover: hover) {
  button.mod-muted:hover { background-color: var(--background-secondary); }
}
button.mod-warning { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
@media (hover: hover) {
  button.mod-warning:hover { background-color: var(--background-modifier-error-hover); }
}
button.mod-destructive { color: var(--background-modifier-error); }
.icon-button-group { display: inline-block; }
.icon-button { display: inline-block; color: var(--interactive-normal); }
.rich-button { width: auto; padding-top: 5px; }
.rich-button-icon { position: relative; top: 6px; }
.horizontal-preference-group { display: flex; }
.horizontal-preference-group button { border-radius: 0px; margin: 0px -1px; }
.horizontal-preference-group button:first-child { border-top-left-radius: var(--input-radius); border-bottom-left-radius: var(--input-radius); }
.horizontal-preference-group button:last-child { border-top-right-radius: var(--input-radius); border-bottom-right-radius: var(--input-radius); }
.horizontal-preference-group button.is-selected { background-color: var(--interactive-accent); color: var(--text-on-accent); }
@media (hover: hover) {
  .horizontal-preference-group button.is-selected:hover { background-color: var(--interactive-accent-hover); }
}
.card-container { display: flex; }
.card-container.mod-horizontal { flex-direction: column; }
.card { background-color: var(--background-secondary-alt); border-radius: 4px; border: 1px solid var(--background-modifier-border); margin: 0px 10px; padding: 15px 30px; display: flex; flex-direction: column; flex-grow: 1; }
.card ul { padding: 0px; }
.card .button-container { margin: 10px 0px; }
.card-container.mod-horizontal .card { margin: 10px 0px; }
.card-container.mod-horizontal .card ul { padding-left: 24px; }
.card li { margin: 5px 0px; }
.card.u-clickable { cursor: var(--cursor); }
@media (hover: hover) {
  .card.u-clickable:hover { border: 1px solid var(--interactive-accent); background-color: hsla(var(--interactive-accent-hsl), 0.1); }
}
.card.is-selected { border: 1px solid var(--interactive-accent); background-color: hsla(var(--interactive-accent-hsl), 0.2); }
.card-title { text-align: center; font-size: 20px; line-height: 30px; color: var(--text-muted); margin-bottom: 8px; }
.card-description { color: var(--text-muted); font-size: var(--font-ui-small); line-height: 20px; flex-grow: 1; }
.changelog-item { margin: var(--size-4-2) 0; font-size: var(--font-ui-medium); line-height: var(--line-height); }
.changelog-item::before { content: attr(data-label); width: 50px; border-radius: var(--radius-m); font-size: var(--font-ui-small); display: inline-block; text-align: center; margin-right: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 22px; }
.changelog-item.mod-success::before { background-color: var(--background-modifier-success); }
.changelog-item.mod-highlighted::before { background-color: var(--interactive-accent); }
.page-container { width: 50vw; max-width: 1000px; margin: 0px auto; padding: 50px 0px; background-color: var(--background-primary); }
.page-title { font-weight: var(--font-extrabold); font-size: 46px; }
[contenteditable] { outline: none; }
.rich-link { color: var(--text-accent); position: relative; padding-left: 30px; }
.rich-link-icon { position: absolute; left: 5px; top: 3px; }
.horizontal-link-group { text-align: center; }
.horizontal-link-group a, .horizontal-link-group span { margin: 0px 10px; }
.footer-link-group { list-style: none; display: inline-block; margin: 0px 30px; padding: 0px; }
.footer-header { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.footer-link { margin: 4px 0px; }
.components-container .menu { position: relative; display: inline-block; }
.list-item { display: flex; padding: 0px; margin: 8px 0px; gap: var(--size-4-2); align-items: center; }
.list-item-part.mod-extended { flex-grow: 1; overflow-wrap: anywhere; }
.list-item-part.clickable-icon { display: flex; align-items: center; justify-content: center; padding: var(--size-2-2); cursor: var(--cursor); border-radius: var(--radius-s); color: var(--icon-color); }
.list-item-part.clickable-icon:hover, .list-item-part.clickable-icon:active { color: var(--icon-color-hover); background-color: var(--background-modifier-hover); }
.lightbox { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.8); }
.lightbox img { max-width: 90vw; max-height: 90vh; margin-top: 5vh; }
.lightbox:target { display: block; }
.u-center-text { text-align: center; }
.u-faded-text { color: var(--text-muted); }
.u-pop { color: var(--text-accent); font-weight: var(--font-semibold); }
.u-muted { color: var(--text-muted); }
.u-small { font-size: 0.8em; }
.u-clickable { cursor: var(--cursor); }
.u-pop-bg { background-color: var(--interactive-accent); color: var(--text-on-accent); display: inline-block; padding: 3px 16px; border-radius: 20px; opacity: 0.6; cursor: default; }
@media (hover: hover) {
  .u-pop-bg:hover { opacity: 1; }
}
.components-container h3 { font-weight: var(--font-semibold); font-size: 30px; margin: 60px 0px 25px; }
.components-container .vertical-tabs-container { height: 300px; }
.components-container .checkbox-demo { margin: 10px 0px; }
.components-container .checkbox-demo label { display: inline-block; width: 300px; }
.components-container .prompt { position: static; }
.diff-view { height: 100%; overflow: auto; user-select: text; }
.diff-line { padding: 0 var(--size-4-2); }
.diff-line.mod-left { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
.diff-line.mod-left .diff-changed { background-color: rgba(var(--background-modifier-error-rgb), 0.4); }
.diff-line.mod-right { background-color: rgba(var(--background-modifier-success-rgb), 0.2); }
.diff-line.mod-right .diff-changed { background-color: rgba(var(--background-modifier-success-rgb), 0.4); }
.diff-collapsed { text-align: center; color: var(--text-muted); cursor: pointer; font-size: var(--font-ui-small); margin: var(--size-4-2) 0; }
.diff-collapsed:hover { color: var(--text-accent); }
.markdown-reading-view.is-searching, .markdown-source-view.is-replacing, .markdown-source-view.is-searching { flex-direction: column-reverse; }
.mod-active .document-search-container { background-color: var(--background-primary); }
.document-search-container { display: flex; flex-direction: column; padding: var(--size-4-2) 0; margin: 0 var(--size-4-4); gap: var(--size-4-2); z-index: var(--layer-popover); }
.document-search, .document-replace { width: 100%; max-width: var(--file-line-width); margin: 0px auto; display: flex; padding: 0 var(--size-4-2); gap: var(--size-4-2); }
.document-replace { display: none; }
.document-search-container.mod-replace-mode .document-replace { display: flex; }
input.document-search-input, input.document-replace-input { flex-grow: 1; }
input.document-search-input.mod-no-match, input.document-replace-input.mod-no-match { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
@media (hover: hover) {
  input.document-search-input.mod-no-match:hover, input.document-replace-input.mod-no-match:hover { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
}
.document-replace-buttons, .document-search-buttons { display: flex; gap: var(--size-4-2); align-items: center; }
.document-search-button { font-size: var(--font-ui-small); padding: 0 var(--size-4-2); color: var(--text-muted); }
.document-search-close-button { cursor: var(--cursor); position: relative; top: 2px; font-size: 24px; line-height: 20px; height: 24px; width: 24px; padding: 0 var(--size-2-2); border-radius: var(--radius-s); color: var(--text-muted); }
.document-search-close-button::before { font-family: Inter, sans-serif; content: "×"; font-weight: 300; }
@media (hover: hover) {
  .document-search-close-button:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.markdown-rendered .search-highlight > div { position: absolute; pointer-events: none; box-shadow: 0 0 0px 2px var(--text-normal); opacity: 0.3; mix-blend-mode: var(--highlight-mix-blend-mode); border-radius: 2px; }
.markdown-rendered .search-highlight > div.is-active { box-shadow: 0 0 0px 3px var(--text-accent); opacity: 1; }
.markdown-source-view.mod-cm5 { position: relative; padding-left: 20px; padding-right: 30px; }
.workspace-leaf-content.is-read-mode .markdown-source-view.mod-cm5 { z-index: 0; }
.markdown-source-view.mod-cm5 .document-search-container { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 5; }
.markdown-source-view.mod-cm6 .document-search-container { flex: 0 0 auto; }
[dir="rtl"] .dropdown, :root:lang(ar) .dropdown, :root:lang(iw) .dropdown { background-position: left 0.7em top 50%, 0px 0px; padding: 0.6em 0.8em 0.5em 1.4em; }
select, .dropdown { app-region: no-drag; height: var(--input-height); font-size: var(--font-ui-small); font-family: inherit; font-weight: var(--input-font-weight); color: var(--text-normal); line-height: var(--line-height-tight); padding: 0px 1.9em 0px 0.8em; max-width: 100%; box-sizing: border-box; margin: 0px; border: 0px; box-shadow: var(--input-shadow); border-radius: var(--input-radius); appearance: none; background-color: var(--interactive-normal); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0px 0px; background-size: 0.65em, 100%; }
@media (hover: hover) {
  select:hover, .dropdown:hover { box-shadow: var(--input-shadow-hover); background-color: var(--interactive-hover); }
}
select:focus, .dropdown:focus { box-shadow: 0 0 0px 3px var(--background-modifier-border-focus); outline: none; }
.dropdown { background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\"%3E%3Cpath fill=\"%23000\" opacity=\"0.4\" d=\"M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z\"/%3E%3C/svg%3E"); }
.theme-dark .dropdown { background-image: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\"%3E%3Cpath fill=\"%23FFF\" opacity=\"0.4\" d=\"M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z\"/%3E%3C/svg%3E"); }
.dropdown option { font-weight: normal; background-color: var(--background-primary); }
.flair { background-color: var(--interactive-normal); border-radius: var(--radius-s); color: var(--text-normal); font-size: 10px; letter-spacing: 0.05em; margin-left: var(--size-4-2); padding: var(--size-2-1) var(--size-2-2); position: relative; text-transform: uppercase; white-space: nowrap; vertical-align: middle; }
.flair.mod-flat { vertical-align: top; }
.flair.mod-pop { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.markdown-preview-view:not(.allow-fold-lists) .list-collapse-indicator, .markdown-preview-view:not(.allow-fold-headings) .heading-collapse-indicator { display: none; }
h1:hover .collapse-indicator, h2:hover .collapse-indicator, h3:hover .collapse-indicator, h4:hover .collapse-indicator, h5:hover .collapse-indicator, h6:hover .collapse-indicator, .collapse-indicator:hover, .is-collapsed .collapse-indicator, .cm-fold-indicator.is-collapsed .collapse-indicator, .cm-gutterElement:hover .collapse-indicator, .cm-gutterElement .is-collapsed .collapse-indicator, .cm-line:hover .cm-fold-indicator .collapse-indicator, .fold-gutter.is-collapsed, .fold-gutter:hover { opacity: 1; }
.collapse-icon { display: flex; align-items: center; }
.collapse-icon::before { content: "​"; }
.collapse-icon svg.svg-icon { color: var(--nav-collapse-icon-color); stroke-width: 4px; width: 10px; height: 10px; transition: transform 100ms ease-in-out 0s; }
.collapse-icon.is-collapsed svg.svg-icon { transform: rotate(-90deg); }
.rtl .collapse-icon.is-collapsed svg.svg-icon { transform: rotate(90deg); }
.view-content .list-collapse-indicator svg.svg-icon, .view-content .collapse-indicator svg.svg-icon { color: var(--collapse-icon-color); }
.view-content .is-collapsed .list-collapse-indicator svg.svg-icon, .view-content .is-collapsed .collapse-indicator svg.svg-icon { color: var(--collapse-icon-color-collapsed); }
.markdown-preview-view .collapse-indicator { float: left; cursor: var(--cursor); }
.markdown-preview-view .collapse-indicator .svg-icon { vertical-align: middle; }
.markdown-preview-view li.is-collapsed > ul, .markdown-preview-view li.is-collapsed > ol { display: none; }
.markdown-preview-view .heading-collapse-indicator { margin-left: -22px; padding: 0px 6px; }
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { opacity: 0; }
.markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator { opacity: 1; }
.markdown-source-view.mod-cm6 .cm-foldPlaceholder { color: var(--text-faint); background-color: transparent; border: none; margin-left: 8px; }
.markdown-source-view.mod-cm6 .cm-fold-indicator { display: inline-block; position: relative; z-index: 1; }
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { position: absolute; top: 0px; right: 0px; height: 100%; cursor: var(--cursor); padding-right: 5px; }
svg.svg-icon { height: var(--icon-size); width: var(--icon-size); stroke-width: var(--icon-stroke); }
.nav-buttons-container, .view-actions, .workspace-tab-header-inner, .side-dock-settings, .side-dock-actions { display: flex; justify-content: center; }
.side-dock-settings, .side-dock-actions { gap: var(--size-2-3); }
.view-actions { gap: 0px; align-items: center; --icon-size: var(--icon-s); }
.nav-file-icon .svg-icon, .suggestion-flair .svg-icon, .menu-item-icon .svg-icon, .status-bar-item .svg-icon { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
.clickable-icon.side-dock-ribbon-action .svg-icon, .mod-left-split .workspace-tab-header-inner-icon .svg-icon, .mod-right-split .workspace-tab-header-inner-icon .svg-icon { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.clickable-icon.side-dock-ribbon-action:active, .mod-left-split .workspace-tab-header-inner-icon:active, .mod-right-split .workspace-tab-header-inner-icon:active { color: var(--icon-color-focused); }
.clickable-icon { app-region: no-drag; background-color: transparent; display: flex; align-items: center; justify-content: center; padding: var(--size-2-2) var(--size-2-3); cursor: var(--cursor); border-radius: var(--clickable-icon-radius); color: var(--icon-color); opacity: var(--icon-opacity); transition: opacity 0.15s ease-in-out 0s; height: auto; }
@media (hover: hover) {
  .clickable-icon:hover { box-shadow: none; opacity: var(--icon-opacity-hover); color: var(--icon-color-hover); background-color: var(--background-modifier-hover); }
  .clickable-icon.has-active-menu, .clickable-icon:active { opacity: var(--icon-opacity-hover); color: var(--icon-color-focused); background-color: var(--background-modifier-hover); }
}
.clickable-icon.is-active { opacity: var(--icon-opacity-hover); color: var(--icon-color-active); background-color: var(--background-modifier-active-hover); }
@media (hover: hover) {
  .clickable-icon.is-active:hover { background-color: var(--background-modifier-active-hover); }
}
.clickable-icon[aria-disabled="true"] { background-color: unset; color: var(--text-muted); opacity: 0.4; }
@media (hover: hover) {
  .clickable-icon[aria-disabled="true"]:hover { background-color: unset; }
}
.clickable-icon.mod-warning { color: var(--text-error); }
.setting-item-control .clickable-icon { padding: var(--size-2-2); }
.markdown-rendered.show-indentation-guide li > ul, .markdown-rendered.show-indentation-guide li > ol { position: relative; }
.markdown-rendered.show-indentation-guide li > ul::before, .markdown-rendered.show-indentation-guide li > ol::before { content: "​"; position: absolute; display: block; left: -1em; top: 0px; bottom: 0px; border-right: var(--indentation-guide-width) solid var(--indentation-guide-color); }
.markdown-source-view.mod-cm6 .cm-indent { display: inline-block; }
.markdown-source-view.mod-cm6 .cm-indent::before { content: "​"; display: block; width: 1px; border-right: var(--indentation-guide-width) solid var(--indentation-guide-color); color: transparent; position: absolute; top: 0px; bottom: 0px; transform: translateX(0.15em); }
.markdown-source-view.mod-cm6 .cm-active-indent::before { border-color: var(--indentation-guide-color-active); }
.input-label { display: inline-block; width: 150px; text-align: right; margin-right: var(--size-4-2); }
.input-button { padding: 6px 14px; margin-left: 14px; color: var(--text-muted); font-size: var(--font-ui-medium); position: relative; top: -1px; }
@media (hover: hover) {
  .input-button:hover { color: var(--text-normal); }
}
textarea, input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"] { app-region: no-drag; background: var(--background-modifier-form-field); border: var(--input-border-width) solid var(--background-modifier-border); color: var(--text-normal); font-family: inherit; padding: var(--size-4-1) var(--size-4-2); font-size: var(--font-ui-small); border-radius: var(--input-radius); outline: none; }
@media (hover: hover) {
  textarea:hover, input[type="text"]:hover, input[type="search"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="number"]:hover { border-color: var(--background-modifier-border-hover); transition: box-shadow 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; }
}
textarea:active, input[type="text"]:active, input[type="search"]:active, input[type="email"]:active, input[type="password"]:active, input[type="number"]:active, textarea:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus { border-color: var(--background-modifier-border-focus); transition: box-shadow 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; }
textarea:active, input[type="text"]:active, input[type="search"]:active, input[type="email"]:active, input[type="password"]:active, input[type="number"]:active, textarea:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus-visible, input[type="text"]:focus-visible, input[type="search"]:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible, input[type="number"]:focus-visible { box-shadow: 0 0 0 2px var(--background-modifier-border-focus); }
textarea::placeholder, input[type="text"]::placeholder, input[type="search"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder { color: var(--text-faint); }
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"] { height: var(--input-height); }
textarea { line-height: var(--line-height-tight); }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; pointer-events: none; }
input[type="number"]::-webkit-inner-spin-button { appearance: none; }
input[type="range"] { width: 100px; appearance: none; background-color: var(--slider-track-background); border-radius: var(--slider-track-height); height: var(--slider-track-height); padding: 0px; }
body:not(.is-mobile) input[type="range"]:focus { box-shadow: none; }
input[type="range"]::-webkit-slider-runnable-track { height: 6px; appearance: none; }
input[type="range"]::-webkit-slider-thumb { appearance: none; height: var(--slider-thumb-height); width: var(--slider-thumb-width); border-radius: var(--slider-thumb-radius); cursor: default; background: rgb(255, 255, 255); border: var(--slider-thumb-border-width) solid var(--slider-thumb-border-color); position: relative; top: var(--slider-thumb-y); transition: all 0.1s linear 0s; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 2px 2px 0px; }
input[type="range"]::-webkit-slider-thumb:hover, input[type="range"]::-webkit-slider-thumb:active { background: white; border-color: var(--background-modifier-border-focus); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; transition: all 0.1s linear 0s; }
input[type="range"] { outline: none; }
body:not(.is-mobile) input[type="range"]:focus::-webkit-slider-thumb { box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px, rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; }
body:not(.is-mobile) input[type="range"]:focus-visible::-webkit-slider-thumb { border-color: var(--background-modifier-border-focus); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05), 0 2px 3px 0px rgba(0, 0, 0, 0.2), 0 0 0px 2px var(--background-modifier-border-focus); }
input[type="color"] { appearance: none; width: calc(var(--swatch-width) + 4px); background-color: transparent; border: none; cursor: var(--cursor); padding: 0px; }
input[type="color"]::-webkit-color-swatch-wrapper { padding: 2px; }
input[type="color"]::-webkit-color-swatch { border: 0px; box-shadow: var(--swatch-shadow); border-radius: var(--swatch-radius); height: var(--swatch-height); width: var(--swatch-width); align-self: center; }
@media (hover: hover) {
  input[type="color"]::-webkit-color-swatch:hover { box-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.25), 0 0 0 3px var(--background-modifier-border-hover); }
}
input[type="color"]:focus-visible::-webkit-color-swatch, input[type="color"]:focus::-webkit-color-swatch { box-shadow: var(--swatch-shadow), 0 0 0 3px var(--background-modifier-border-focus); }
select.mod-hidden { display: none; }
.notice-container { z-index: var(--layer-notice); position: fixed; top: 22px; right: 0px; padding: 10px; overflow: hidden; }
.notice { background-color: var(--background-modifier-message); border-radius: var(--radius-m); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); color: rgb(250, 250, 250); font-size: var(--font-ui-small); line-height: var(--line-height-tight); padding: 0.75em 1em; max-width: 300px; margin-bottom: 14px; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; cursor: var(--cursor); }
.menu { app-region: no-drag; padding: var(--size-2-3); border: 1px solid var(--background-modifier-border-hover); background-color: var(--background-secondary); border-radius: var(--radius-m); box-shadow: var(--shadow-s); position: fixed; z-index: var(--layer-menu); user-select: none; max-height: calc(100% - var(--header-height)); overflow: hidden; }
.menu.mod-no-icon .menu-item-icon:first-child { display: none; }
.menu-separator { height: 0px; margin: var(--size-2-3) calc(var(--size-2-3) * -1); border-bottom: 1px solid var(--background-modifier-border); }
.menu-separator:last-child, .menu-separator:first-child { display: none; }
.menu-separator + .menu-separator { display: none; }
.menu-item { display: flex; align-items: center; gap: var(--size-4-2); padding: var(--size-4-1) var(--size-4-2); cursor: var(--cursor); font-size: var(--font-ui-small); border-radius: var(--radius-s); white-space: nowrap; }
.menu-item.is-disabled { cursor: default; color: var(--text-faint); }
.menu-item.is-warning.selected { color: var(--text-error); }
.menu-item.is-label { cursor: default; pointer-events: none; font-size: var(--font-ui-medium); color: var(--text-muted); white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
@media (hover: hover) {
  .menu-item.is-warning:hover { color: var(--text-error); }
  .menu-item:hover:not(.is-disabled):not(.is-label) { background-color: var(--background-modifier-hover); }
}
.menu-item.selected:not(.is-disabled):not(.is-label) { background-color: var(--background-modifier-hover); }
.menu-item-icon { flex: 0 1 auto; display: flex; color: var(--text-muted); }
.menu-item.is-warning.selected .menu-item-icon, .menu-item.is-warning:hover .menu-item-icon { color: var(--text-error); }
.menu-item.is-disabled .menu-item-icon { color: var(--text-faint); }
.menu-item-icon .mod-submenu { color: var(--text-faint); }
.menu-item-title { flex: 1 0 0px; }
.menu.mod-tab-list .menu-item-title { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.debug-textarea { width: 100%; height: 50vh; max-height: 80vh; font-family: var(--font-monospace); tab-size: 4; resize: none; }
.modal-container { display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: var(--layer-modal); }
.modal-container.mod-dim .modal { box-shadow: var(--shadow-l); }
.modal-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--background-modifier-cover); }
.modal { --checkbox-size: var(--font-ui-medium); background-color: var(--modal-background); border-radius: var(--modal-radius); border: var(--modal-border-width) solid var(--modal-border-color); padding: var(--size-4-4); position: relative; min-height: 100px; width: var(--dialog-width); max-width: var(--dialog-max-width); max-height: var(--dialog-max-height); display: flex; flex-direction: column; overflow: auto; }
.modal.mod-sidebar-layout { padding: 0px; width: var(--modal-width); height: var(--modal-height); max-width: var(--modal-max-width); max-height: var(--modal-max-height); overflow: hidden; display: flex; flex-direction: column; }
.modal.mod-sidebar-layout .modal-content { display: flex; }
.modal.mod-scrollable-content { padding: 0px; overflow: hidden; }
.modal.mod-scrollable-content .modal-title { padding: var(--size-4-4) var(--size-4-4) 0 var(--size-4-4); }
.modal.mod-scrollable-content .modal-content { padding: 0 var(--size-4-4) var(--size-4-4) var(--size-4-4); overflow: auto; }
.modal-sidebar { background-color: var(--background-secondary); flex: 1 1 var(--modal-community-sidebar-width); min-width: var(--modal-community-sidebar-width); padding: var(--size-4-3) 0 0 0; display: flex; flex-direction: column; }
body:not(.native-scrollbars) .modal-close-button { right: 12px; }
.modal-close-button { cursor: var(--cursor); position: absolute; top: var(--size-2-3); right: var(--size-2-3); font-size: 24px; line-height: 20px; height: 24px; width: 24px; padding: 0 var(--size-2-2); border-radius: var(--radius-s); color: var(--text-muted); }
@media (hover: hover) {
  .modal-close-button:hover { background-color: var(--background-modifier-hover); color: var(--text-normal); }
}
.modal-close-button::before { font-family: Inter, sans-serif; content: "×"; font-weight: 300; }
.modal-title { font-size: 1.2em; margin-bottom: 0.75em; font-weight: var(--font-semibold); text-align: left; line-height: var(--line-height-tight); }
.mod-sidebar-layout .modal-title { display: none; }
.modal-title:empty { display: none; }
.modal-content { flex: 1 1 auto; font-size: var(--font-ui-medium); }
.modal-button-container { margin-top: 1.5em; display: flex; justify-content: flex-end; gap: var(--size-4-2); flex-wrap: wrap; font-size: var(--font-ui-medium); }
.modal-button-container .mod-checkbox { flex-grow: 1; display: flex; align-items: center; gap: var(--size-4-1); }
.modal-button-container .mod-secondary { margin-right: auto; }
.modal.mod-scrollable-content > .modal-button-container { margin-top: 0px; border-top: 1px solid var(--background-modifier-border); padding: var(--size-4-4); }
.modal-checkbox-label { cursor: var(--cursor); margin-left: 10px; user-select: none; }
.message-container { margin: var(--size-4-4) 0; }
.message { display: inline-block; padding: 6px 12px; border-radius: var(--radius-s); }
.message.mod-success { background-color: var(--background-modifier-success); color: var(--text-on-accent); }
.message.mod-success a { color: var(--text-normal); }
.message.mod-info { background-color: var(--background-modifier-info); }
.message.mod-error { background-color: var(--background-modifier-error); color: var(--text-on-accent); }
.message.mod-error a { color: var(--text-normal); }
.mod-warning { color: var(--text-error); }
.mod-success { color: var(--text-success); }
.mod-file-rename .rename-textarea { overflow: hidden; padding: var(--size-2-3) var(--size-4-2); resize: none; width: 100%; }
.modal-setting-back-button { position: absolute; top: var(--safe-area-inset-top); left: 0px; padding: var(--size-4-3) var(--size-4-3); height: var(--modal-header-height); color: var(--text-normal); font-weight: var(--font-semibold); }
.modal-setting-back-button-icon { display: flex; align-items: center; margin-right: 6px; }
.modal-setting-nav-bar { display: flex; flex: 0 1 auto; padding: var(--size-4-3); border-bottom: 1px solid var(--background-modifier-border); }
.modal .modal-nav-action { background-color: unset; margin-top: var(--size-4-1); position: absolute; top: 0px; width: unset; }
.modal .modal-nav-action.mod-secondary { left: 0px; }
.modal .modal-nav-action.mod-cta { color: var(--color-accent); font-weight: var(--font-semibold); right: 0px; }
.nav-header { padding: var(--size-4-2); }
.nav-header ~ .search-input-container { padding: 0px; width: calc(100% - var(--size-4-8)); margin: 4px auto; }
.nav-buttons-container { flex-wrap: wrap; gap: var(--size-2-1); }
.nav-buttons-container.has-separator { border-bottom: 1px solid var(--background-modifier-border); padding-bottom: var(--size-2-3); margin-bottom: var(--size-4-2); }
.multi-select-container { display: inline-flex; flex-wrap: wrap; width: 100%; background: var(--background-modifier-form-field); border: var(--input-border-width) solid var(--background-modifier-border); color: var(--text-normal); font-size: var(--font-ui-small); border-radius: var(--input-radius); outline: none; padding: 2px; }
.multi-select-selection { display: inline-flex; align-items: center; background-color: var(--tag-background); border: var(--tag-border-width) solid var(--tag-border-color); border-radius: var(--tag-radius); color: var(--tag-color); line-height: 1; padding: var(--tag-padding); margin: 0.5ch; }
.multi-select-selection-content { display: inline-flex; align-items: center; margin: 4px; }
.multi-select-input { min-width: 10ch; flex-grow: 1; background-color: inherit; border: none; }
@keyframes multi-select-highlight { 
  0% { background-color: var(--background-modifier-error); }
}
.multi-select-duplicate { animation: 2000ms ease-in 0s 1 normal none running multi-select-highlight; }
.popover { background-color: var(--background-primary); border: 1px solid var(--background-modifier-border); box-shadow: var(--shadow-s); border-radius: var(--radius-m); padding: var(--size-4-5); position: relative; max-height: 95vh; }
.popover-title { font-weight: var(--font-extrabold); }
.popover-content { margin: var(--size-4-2) 0; }
.components-container .popover { width: 300px; margin-top: var(--size-4-5); }
.components-container .popover .popover-content { font-size: var(--font-ui-medium); }
.popover.hover-popover { position: absolute; z-index: var(--layer-popover); max-width: 80vw; min-height: 60px; overflow: hidden; width: fit-content; padding: 0px; }
.popover.hover-popover > * { width: var(--popover-width); }
.popover.hover-popover .markdown-preview-view { font-size: var(--popover-font-size); }
.popover.hover-popover > .mod-empty { display: flex; justify-content: center; align-items: center; padding: 20px; font-size: var(--popover-font-size); color: var(--text-muted); }
.popover.hover-popover > .media-embed { min-height: 0px; line-height: 0; border: none; }
.popover.hover-popover > .media-embed video { max-height: 100%; max-width: 100%; height: auto; }
.popover.hover-popover > .image-embed img { max-height: 100%; max-width: 100%; height: auto; }
.popover.hover-popover > .pdf-embed { width: var(--popover-pdf-width); height: var(--popover-pdf-height); max-height: var(--popover-max-height); }
.popover.hover-popover > .markdown-embed { height: var(--popover-height); max-height: var(--popover-max-height); border: 0px; padding: 0px; margin: 0px; }
.popover.hover-popover > .markdown-embed > .markdown-embed-content { height: 100%; overflow: auto; }
.popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view { padding: var(--file-margins); }
.popover.hover-popover > .markdown-embed .mod-header + div > :first-child { margin-top: 0px; }
.follow-link-popover { box-shadow: 0 2px 8px var(--background-modifier-box-shadow); background-color: rgba(0, 0, 0, 0.9); border-radius: var(--radius-m); color: rgb(204, 204, 204); font-size: var(--font-ui-small); line-height: 20px; max-width: 300px; padding: 5px 12px; text-align: center; z-index: var(--layer-tooltip); white-space: pre-wrap; top: calc(100%); }
.follow-link-popover.mod-bottom { top: 0px; }
@media (hover: hover) {
  .follow-link-popover:hover { background-color: rgb(0, 0, 0); }
}
.follow-link-popover .popover-arrow { position: absolute; top: calc(100%); left: 50%; width: 0px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0, 0, 0, 0.9) transparent transparent; content: " "; font-size: 0px; line-height: 0; }
.follow-link-popover.mod-bottom .popover-arrow { border-bottom: 5px solid rgba(0, 0, 0, 0.9); border-top: none; top: -5px; }
.markdown-preview-view progress, .markdown-rendered progress, .markdown-source-view.is-live-preview progress { -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; appearance: none; box-sizing: border-box; display: inline-block; height: 6px; margin-bottom: 4px; max-width: 100%; overflow: hidden; border-radius: 0px; border: 0px; vertical-align: -0.2rem; }
.markdown-preview-view progress[value]::-webkit-progress-bar, .markdown-rendered progress[value]::-webkit-progress-bar, .markdown-source-view.is-live-preview progress[value]::-webkit-progress-bar { background-color: var(--background-secondary); box-shadow: inset 0px 0px 0px 1px var(--background-modifier-border); border-radius: 6px; overflow: hidden; }
.markdown-preview-view progress[value]::-webkit-progress-value, .markdown-rendered progress[value]::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value]::-webkit-progress-value { background-color: var(--interactive-accent); overflow: hidden; }
.progress-bar { position: absolute; height: 100vh; width: 100vw; top: 0px; left: 0px; background-color: var(--background-primary); z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.progress-bar-message { margin-bottom: var(--size-4-8); opacity: 1; color: var(--text-muted); }
.progress-bar-indicator { position: relative; height: 8px; margin: 0px 10vw; width: 90vw; overflow-x: hidden; border-radius: 3px; }
.progress-bar-line { position: absolute; opacity: 0.4; background-color: var(--interactive-accent); width: 150%; height: 8px; }
.progress-bar-subline { position: absolute; background-color: var(--interactive-accent); height: 8px; }
.progress-bar-subline.mod-increase { animation: 2s ease 0s infinite normal none running increase; }
.progress-bar-subline.mod-decrease { animation: 2s ease 0.5s infinite normal none running decrease; }
.progress-bar .progress-bar-subline { transition: width 150ms ease-in-out 0s; }
@keyframes increase { 
  0% { left: -5%; width: 5%; }
  100% { left: 130%; width: 100%; }
}
@keyframes decrease { 
  0% { left: -80%; width: 80%; }
  100% { left: 110%; width: 10%; }
}
.prompt { display: flex; flex-direction: column; border-radius: var(--radius-l); background-color: var(--background-primary); box-shadow: var(--shadow-l); border: var(--prompt-border-width) solid var(--prompt-border-color); z-index: 1; position: absolute; top: 80px; width: var(--prompt-width); max-width: var(--prompt-max-width); max-height: var(--prompt-max-height); overflow: hidden; }
.prompt-input-container { display: flex; }
input.prompt-input { width: 100%; padding: var(--size-4-6); background-color: var(--background-primary); font-size: var(--font-ui-medium); border-top: none; border-right: none; border-left: none; border-image: initial; height: 40px; border-radius: 0px; border-bottom: 1px solid var(--background-secondary); }
input.prompt-input:hover, input.prompt-input:focus, input.prompt-input:focus-visible { border-bottom: 1px solid var(--background-secondary); box-shadow: none; }
.prompt-results { list-style: none; margin: 0px; padding: var(--size-4-3); overflow-y: auto; }
.prompt-instructions { border-top: 1px solid var(--background-secondary); user-select: none; font-size: var(--font-ui-smaller); color: var(--text-muted); padding: var(--size-4-2); text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--size-4-3); }
.prompt-instruction { display: inline-block; }
.prompt-instruction-command { font-weight: var(--bold-weight); margin-right: var(--size-2-2); }
body:not(.native-scrollbars) ::-webkit-scrollbar { width: 12px; height: 12px; border-radius: var(--radius-l); background-color: transparent; }
body:not(.native-scrollbars) ::-webkit-scrollbar-track { background-color: transparent; }
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-bg); border-radius: var(--radius-l); background-clip: padding-box; border-style: solid; border-color: transparent; border-image: initial; border-width: 3px 3px 3px 2px; min-height: 45px; }
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active { border-radius: var(--radius-l); }
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover, body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-active-thumb-bg); }
body:not(.native-scrollbars) ::-webkit-scrollbar-corner { background: transparent; }
body:not(.native-scrollbars) * { }
.suggestion-container { position: absolute; background-color: var(--background-primary); max-width: 500px; border-radius: var(--radius-m); border: 1px solid var(--background-modifier-border); box-shadow: var(--shadow-s); z-index: var(--layer-notice); }
.suggestion { max-height: 300px; overflow-y: auto; padding: var(--size-2-3); }
.suggestion-item, .suggestion-empty { font-size: var(--font-ui-medium); margin-bottom: 1px; }
.suggestion-empty { color: var(--text-muted); padding-right: ; padding-bottom: ; padding-left: ; padding-top: var(--size-4-3); text-align: center; }
.suggestion-item { cursor: var(--cursor); padding-top: ; padding-right: ; padding-bottom: ; padding-left: 12px; white-space: pre-wrap; border-radius: var(--radius-s); }
.suggestion-item.is-selected { background-color: var(--background-modifier-hover); }
.suggestion-item.mod-downranked { color: var(--text-muted); }
.suggestion-item.mod-complex { align-items: baseline; display: flex; justify-content: space-between; }
.suggestion-item.mod-complex .suggestion-title { overflow-wrap: break-word; }
.suggestion-item.mod-complex .suggestion-content { display: flex; flex-direction: column; overflow: hidden; text-overflow: ellipsis; margin-right: auto; }
.suggestion-item.mod-complex .suggestion-prefix::after { content: ": "; }
.suggestion-item.mod-complex .suggestion-highlight { font-weight: bold; }
.suggestion-item.mod-complex .suggestion-note { font-size: 0.8em; color: var(--text-muted); width: 100%; flex-basis: 100%; overflow-wrap: break-word; }
.suggestion-item.mod-complex .suggestion-aux { display: flex; align-items: center; align-self: center; flex-shrink: 0; }
.suggestion-item.mod-complex .suggestion-hotkey { font-size: var(--font-ui-smaller); font-family: var(--font-interface); padding: 2px 6px; }
.suggestion-item.mod-complex .suggestion-hotkey:not(:last-child) { margin-left: 10px; }
.suggestion-item.mod-complex .suggestion-flair { color: var(--text-muted); opacity: var(--icon-opacity); margin: 0px 4px 0px 12px; display: flex; align-items: center; }
.suggestion-item.mod-complex .suggestion-flair:not(:last-child) { margin-left: 6px; }
.suggestion-highlight { font-weight: bold; }
.suggestion-bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--background-modifier-cover); z-index: var(--layer-popover); }
.horizontal-tab-header { display: flex; }
.horizontal-tab-nav-item, .vertical-tab-nav-item { padding: var(--size-4-1) var(--size-4-2); user-select: none; cursor: var(--cursor); font-size: calc(var(--font-ui-small) + 1px); border-radius: var(--radius-s); }
.horizontal-tab-nav-item.is-active, .vertical-tab-nav-item.is-active { background-color: var(--interactive-accent); color: var(--text-on-accent); }
@media (hover: hover) {
  .horizontal-tab-nav-item.is-active:hover, .vertical-tab-nav-item.is-active:hover { background-color: var(--interactive-accent); }
}
@media (hover: hover) {
  .horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover { background-color: var(--background-modifier-hover); }
}
.vertical-tab-nav-item { margin-bottom: var(--size-2-1); }
.vertical-tab-nav-item-chevron { display: none; }
.horizontal-tab-content, .vertical-tab-content { background-color: var(--background-primary); padding-left: var(--size-4-12); padding-right: var(--size-4-12); }
.vertical-tabs-container { display: flex; }
.vertical-tab-header { padding: var(--size-4-3); background-color: var(--background-secondary); }
.vertical-tab-header-group-items { display: flex; flex-direction: column; }
.vertical-tab-header-group-title { font-size: var(--font-ui-smaller); color: var(--text-faint); font-weight: var(--font-semibold); padding: var(--size-4-2); user-select: none; }
.vertical-tab-header-group { padding: var(--size-4-3) 0; }
.vertical-tab-content-container { overflow: hidden; flex-grow: 1; }
.vertical-tab-content { overflow-y: auto; height: 100%; padding-top: var(--size-4-8); padding-bottom: var(--size-4-16); }
.vertical-tab-content h2 { font-size: var(--font-ui-medium); font-weight: var(--font-semibold); }
.checkbox-container { app-region: no-drag; cursor: var(--cursor); background-color: var(--background-modifier-border-hover); border-radius: var(--toggle-radius); display: inline-block; flex-shrink: 0; height: calc(var(--toggle-thumb-height) + var(--toggle-border-width) * 2); position: relative; user-select: none; width: var(--toggle-width); box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 10px inset, rgba(0, 0, 0, 0.21) 0px 0px 1px inset; transition: box-shadow 0.15s ease-in-out 0s, outline 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; outline: 0 solid var(--background-modifier-border-focus); }
.checkbox-container input[type="checkbox"] { position: absolute; opacity: 0; left: 0px; }
.checkbox-container:focus-within { outline: var(--toggle-border-width) solid var(--background-modifier-border-focus); }
@media (hover: hover) {
  .checkbox-container:hover { box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 20px inset, rgba(0, 0, 0, 0.28) 0px 0px 1px inset; }
}
.checkbox-container.is-enabled { background-color: var(--interactive-accent); }
.checkbox-container.is-enabled::after { transform: translate3d(calc(var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width)), 0, 0); }
.checkbox-container.is-enabled:active::after { left: -4px; }
.checkbox-container::before { content: ""; display: block; position: absolute; inset: 0px; opacity: 0; }
.checkbox-container::after { pointer-events: none; content: ""; display: block; position: absolute; background-color: var(--toggle-thumb-color); width: var(--toggle-thumb-width); height: var(--toggle-thumb-height); margin: var(--toggle-border-width) 0 0 0; border-radius: var(--toggle-thumb-radius); transition: transform 0.15s ease-in-out 0s, width 0.1s ease-in-out 0s, left 0.1s ease-in-out 0s; left: 0px; transform: translate3d(var(--toggle-border-width), 0, 0); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; }
.checkbox-container:active::after { width: calc(var(--toggle-thumb-width) + var(--toggle-border-width)); }
.checkbox-container.mod-small { width: var(--toggle-s-width); height: calc(var(--toggle-s-thumb-height) + var(--toggle-s-border-width) * 2); }
.checkbox-container.mod-small:focus-within { outline: var(--toggle-s-border-width) solid var(--background-modifier-border-focus); }
.checkbox-container.mod-small::after { width: var(--toggle-s-thumb-width); height: var(--toggle-s-thumb-height); margin: var(--toggle-s-border-width) 0 0 0; transform: translate3d(var(--toggle-s-border-width), 0, 0); }
.checkbox-container.mod-small.is-enabled::after { transform: translate3d(calc(var(--toggle-s-width) - var(--toggle-s-thumb-width) - var(--toggle-s-border-width)), 0, 0); }
.checkbox-container.mod-small:active::after { width: calc(var(--toggle-s-thumb-width) + var(--toggle-s-border-width)); }
.tooltip { animation: 200ms ease-in-out 0s 1 normal forwards running pop-down; box-shadow: 0 2px 8px var(--background-modifier-box-shadow); background-color: var(--background-modifier-message); border-radius: var(--radius-s); color: rgb(250, 250, 250); font-size: var(--font-ui-smaller); font-weight: var(--font-medium); left: 50%; line-height: var(--line-height-tight); max-width: 300px; padding: 4px 8px; position: fixed; text-align: center; transform: translateX(-50%); z-index: var(--layer-tooltip); pointer-events: none; white-space: pre-wrap; word-break: normal; overflow-wrap: anywhere; }
.tooltip.mod-right { animation: 200ms ease-in-out 0s 1 normal forwards running pop-right; transform: translateY(-50%); }
.tooltip.mod-left { animation: 200ms ease-in-out 0s 1 normal forwards running pop-right; transform: translateY(-50%); }
.tooltip.mod-error { width: 200px; background-color: var(--background-modifier-error); color: var(--text-on-accent); }
.tooltip.mod-wide { max-width: 450px; width: 400px; }
.tooltip .tooltip-arrow { position: absolute; top: -5px; left: 50%; width: 0px; margin-left: -5px; border-bottom: 5px solid var(--background-modifier-message); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0px; line-height: 0; }
.tooltip.mod-right .tooltip-arrow { top: calc(50% - 5px); left: -5px; border-right: 5px solid var(--background-modifier-message); border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.tooltip.mod-left .tooltip-arrow { top: calc(50% - 5px); left: calc(100% + 5px); border-left: 5px solid var(--background-modifier-message); border-top: 5px solid transparent; border-bottom: 5px solid transparent; }
.tooltip.mod-top .tooltip-arrow { top: calc(100%); border-top: 5px solid var(--background-modifier-message); border-bottom: 5px solid transparent; }
.tooltip.mod-error .tooltip-arrow { border-bottom-color: var(--background-modifier-error); }
.tooltip.mod-error.mod-right .tooltip-arrow { border-right-color: var(--background-modifier-error); border-bottom: 5px solid transparent; }
.tooltip.mod-error.mod-left .tooltip-arrow { border-left-color: var(--background-modifier-error); border-bottom: 5px solid transparent; }
[aria-label] .svg-icon { pointer-events: none; }
@keyframes pop-down { 
  0% { opacity: 0; transform: translateX(-50%) scale(1); }
  20% { opacity: 0.7; transform: translateX(-50%) scale(1.02); }
  40% { opacity: 1; transform: translateX(-50%) scale(1.05); }
  100% { opacity: 1; transform: translateX(-50%) scale(1); }
}
@keyframes pop-right { 
  0% { opacity: 0; transform: translateY(-50%) scale(1); }
  20% { opacity: 0.7; transform: translateY(-50%) scale(1.02); }
  40% { opacity: 1; transform: translateY(-50%) scale(1.05); }
  100% { opacity: 1; transform: translateY(-50%) scale(1); }
}
.tree-item-self { padding: var(--nav-item-padding); margin-bottom: 1px; display: flex; align-items: flex-start; border-radius: var(--radius-s); font-size: var(--nav-item-size); font-weight: var(--nav-item-weight); color: var(--nav-item-color); position: relative; }
.workspace-leaf.mod-active .tree-item-self.has-focus { border-radius: var(--radius-s); box-shadow: 0 0 0 2px var(--background-modifier-border-focus); }
.workspace-leaf.mod-active .tree-item-self.has-focus:focus-within { box-shadow: 0 0 0 2px var(--interactive-accent); }
.tree-item-self.mod-collapsible { padding: var(--nav-item-parent-padding); }
.tree-item-self.mod-collapsible.is-being-dragged-over { border-radius: var(--radius-s); color: var(--nav-item-color-highlighted); background: hsla(var(--interactive-accent-hsl), 0.1); }
.tree-item-self.mod-collapsible.is-being-dragged-over .collapse-icon { color: var(--nav-item-color-highlighted); }
.tree-item-self.is-being-renamed .tree-item-inner { cursor: text; }
.tree-item-self.is-clickable { cursor: var(--cursor); }
@media (hover: hover) {
  body:not(.is-grabbing) .tree-item-self.is-clickable:hover { color: var(--nav-item-color-hover); background-color: var(--nav-item-background-hover); font-weight: var(--nav-item-weight-hover); }
}
body:not(.is-grabbing) .tree-item-self.is-active:hover, .tree-item-self.is-active { color: var(--nav-item-color-active); background-color: var(--nav-item-background-active); font-weight: var(--nav-item-weight-active); }
body:not(.is-grabbing) .tree-item-self.is-selected:hover, .tree-item-self.is-selected { color: var(--nav-item-color-selected); background-color: var(--nav-item-background-selected); }
body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover, .tree-item-self.is-being-dragged { color: var(--text-on-accent); background-color: var(--interactive-accent); }
body:not(.is-grabbing) .tree-item-self.is-being-dragged:hover .tree-item-icon, .tree-item-self.is-being-dragged .tree-item-icon { color: var(--text-on-accent); }
.tree-item-self .tree-item-icon { position: absolute; margin-left: calc(-1 * var(--size-4-5)); width: var(--size-4-4); display: flex; align-items: center; justify-content: center; opacity: var(--icon-opacity); color: var(--icon-color); flex: 0 0 auto; }
.tree-item-self .tree-item-icon::before { content: "​"; }
.tree-item-self .tree-item-icon .svg-icon:not(.right-triangle) { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-s-stroke-width); }
.tree-item-flair-outer { padding-left: var(--size-4-1); margin-left: auto; }
.tree-item-flair { font-size: var(--font-ui-smaller); color: var(--text-faint); line-height: 1; border-radius: var(--radius-s); }
.tree-item-self:hover .tree-item-flair { color: var(--text-muted); }
.tree-item-inner { line-height: var(--line-height-tight); }
.tree-item-inner-subtext { color: var(--text-faint); font-size: 85%; }
.tree-item-children { padding-left: var(--nav-item-children-padding-left); margin-left: var(--nav-item-children-margin-left); margin-bottom: 1px; border-left: var(--nav-indentation-guide-width) solid var(--nav-indentation-guide-color); }
.drop-indicator { position: absolute; left: 0px; width: 100%; height: 0px; border: 2px solid var(--interactive-accent); pointer-events: none; }
.drop-indicator:not(.is-active) { display: none; }
audio { outline: none; }
.markdown-rendered audio { max-width: 100%; outline: none; }
audio { width: 100%; height: 42px; }
audio::-webkit-media-controls-enclosure { border-radius: calc(var(--radius-m) - 1px); border: 1px solid var(--background-modifier-border); background-color: var(--background-primary-alt); }
audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display { font-family: var(--font-interface); }
iframe { border: 0px; }
kbd { color: var(--code-normal); font-family: var(--font-monospace); background-color: var(--code-background); border-radius: var(--radius-s); font-size: var(--code-size); padding: 0.1em 0.25em; }
.workspace-leaf-content[data-type="pdf"] .view-content { display: flex; flex-direction: column; overflow: hidden; padding: 0px; }
.pdf-container { background-color: var(--pdf-background); flex-grow: 1; min-width: 350px; overflow: hidden; position: relative; }
.pdf-viewer-container { outline: none; overflow: auto; position: absolute; inset: 0px; }
.findbarOpen .pdf-viewer-container { margin-top: var(--findbar-height); }
.pdf-viewer { --scale-factor: 1; }
.pdf-content-container { --sidebar-width: 140px; }
.pdf-content-container.sidebarMoving .pdf-sidebar-container, .pdf-content-container.sidebarOpen .pdf-sidebar-container { visibility: visible; }
.pdf-content-container.sidebarOpen .pdf-sidebar-container { inset-inline-start: 0px; }
.pdf-content-container.sidebarOpen .pdf-viewer-container { inset-inline-start: var(--sidebar-width); transition-property: inset-inline-start; }
.pdf-embed .pdf-content-container.sidebarOpen .pdf-sidebar-container, .is-mobile .pdf-content-container.sidebarOpen .pdf-sidebar-container { inset-inline-start: 0px; }
.pdf-embed .pdf-content-container.sidebarOpen .pdf-findbar, .is-mobile .pdf-content-container.sidebarOpen .pdf-findbar, .pdf-embed .pdf-content-container.sidebarOpen .pdf-viewer-container, .is-mobile .pdf-content-container.sidebarOpen .pdf-viewer-container { inset-inline-start: 0px; }
.pdf-content-container .pdf-findbar, .pdf-content-container .pdf-sidebar-container, .pdf-content-container .pdf-viewer-container { transition-duration: 275ms; transition-timing-function: var(--anim-motion-swing); }
.pdf-content-container.sidebarResizing .pdf-findbar, .pdf-content-container.sidebarResizing .pdf-sidebar-container, .pdf-content-container.sidebarResizing .pdf-viewer-container { transition-duration: 0s; }
.pdf-content-container { inset: 0px; min-width: 350px; position: absolute; }
.pdf-content-container.is-loading::before { z-index: 1; }
.pdf-sidebar-container { background-color: var(--pdf-sidebar-background); border-right: var(--divider-width) solid var(--divider-color); bottom: 0px; display: flex; flex-direction: column; inset-inline-start: calc(-1 * var(--sidebar-width)); position: absolute; top: 0px; transition-property: inset-inline-start; visibility: hidden; width: var(--sidebar-width); z-index: 100; }
.findbarOpen .pdf-sidebar-container { top: var(--findbar-height); }
.is-mobile .pdf-sidebar-container[data-view="1"], .pdf-embed .pdf-sidebar-container[data-view="1"] { inset-inline-start: -140px; width: 140px; }
.is-mobile .pdf-sidebar-container[data-view="2"], .pdf-embed .pdf-sidebar-container[data-view="2"] { inset-inline-start: -275px; width: 275px; }
.pdf-sidebar-container .pdf-thumbnail-view, .pdf-sidebar-container .pdf-outline-view { bottom: 0px; overflow: auto; padding: var(--size-4-2) var(--size-4-2); position: absolute; top: 0px; user-select: none; width: 100%; }
.pdf-sidebar-container .pdf-thumbnail-view { display: flex; flex-wrap: wrap; gap: var(--size-4-1); place-content: flex-start center; padding: var(--size-4-3); width: 100%; }
.pdf-sidebar-container .pdf-thumbnail-view a { display: block; cursor: var(--cursor); }
.pdf-sidebar-container .pdf-thumbnail-view a:active, .pdf-sidebar-container .pdf-thumbnail-view a:focus { outline: 0px; }
.pdf-sidebar-container .thumbnail { --thumbnail-width: 0; --thumbnail-height: 0; position: relative; width: var(--thumbnail-width); height: var(--thumbnail-height); border: var(--size-4-2) solid transparent; border-radius: var(--radius-s); box-sizing: content-box; }
.pdf-sidebar-container .thumbnail::before { content: " "; position: absolute; inset: 0px; box-shadow: var(--pdf-thumbnail-shadow); }
.pdf-sidebar-container .thumbnail::after { background-color: var(--background-secondary); border-radius: 3px; bottom: var(--size-4-1); content: attr(data-page-label); color: var(--text-muted); display: block; font-size: var(--font-ui-smaller); line-height: 1; padding: var(--size-2-1) var(--size-4-1); position: absolute; right: var(--size-4-1); }
.pdf-sidebar-container .thumbnail:not([data-loaded]) { border: 1px dashed var(--background-modifier-border); margin: calc(var(--size-4-2) - 1px); }
.pdf-sidebar-container .thumbnail:hover, .pdf-sidebar-container .thumbnail.selected { border-color: var(--background-modifier-hover); }
.pdf-sidebar-container img.thumbnailImage { border: 1px solid transparent; max-width: unset; width: var(--thumbnail-width); height: var(--thumbnail-height); }
.pdf-outline-view .tree-item-self:not(.mod-collapsible) { padding-left: calc(10px + var(--size-4-2) + var(--size-2-3)); }
.pdf-outline-view .tree-item-self.mod-active { color: var(--nav-item-color-active); background-color: var(--nav-item-background-active); font-weight: var(--nav-item-weight-active); }
.pdf-outline-view .tree-item-flair { white-space: nowrap; }
.pdf-sidebar-content-wrapper { position: relative; flex-grow: 1; }
.pdf-sidebar-content { bottom: 0px; inset-inline-start: 0px; overflow: auto; position: absolute; top: 0px; width: 100%; }
.pdf-sidebar-content > .hidden { display: none; }
.pdf-sidebar-resizer { background-color: transparent; bottom: 0px; cursor: col-resize; inset-inline-end: calc(var(--divider-width-hover) * -1); position: absolute; top: 0px; transition: background-color 200ms ease-in-out 0s; width: var(--divider-width-hover); z-index: var(--layer-cover); }
.is-mobile .pdf-sidebar-resizer, .pdf-embed .pdf-sidebar-resizer { display: none; }
@media (hover: hover) {
  .pdf-sidebar-resizer:hover { background-color: var(--divider-color-hover); }
  .is-translucent .pdf-sidebar-resizer:hover { background-color: var(--divider-color-hover); }
}
.pdf-toolbar { align-items: stretch; background-color: var(--background-primary); border-bottom: 1px solid var(--background-modifier-border); display: flex; justify-content: space-between; overflow: auto; padding: var(--size-4-1) var(--size-4-3); position: relative; }
.hover-popover .pdf-toolbar { display: none; }
.pdf-page-numbers { white-space: nowrap; margin-right: var(--size-4-1); font-size: var(--font-ui-small); font-variant-numeric: tabular-nums; }
.pdf-toolbar-left, .pdf-toolbar-center, .pdf-toolbar-right { display: flex; align-items: center; gap: var(--size-4-1); }
.pdf-toolbar-left.hidden, .pdf-toolbar-center.hidden, .pdf-toolbar-right.hidden { display: none; }
.pdf-toolbar-center { position: absolute; top: var(--size-4-1); height: calc(100% - var(--size-4-2)); left: 50%; transform: translateX(-50%); }
.pdf-toolbar-spacer { width: var(--size-4-3); }
.pdf-toolbar-divider { width: var(--border-width); height: var(--icon-size); background-color: var(--background-modifier-border); }
.pdf-page-input { width: 7ch; text-align: right; font-variant-numeric: tabular-nums; }
.pdf-page-input.mod-page-loading { background-color: var(--background-secondary); opacity: 0.5; }
[data-main-rotation="90"] { transform: rotate(90deg) translateY(-100%); }
[data-main-rotation="180"] { transform: rotate(180deg) translate(-100%, -100%); }
[data-main-rotation="270"] { transform: rotate(270deg) translateX(-100%); }
.pdf-viewer .canvasWrapper { inset: 0px; box-shadow: var(--pdf-shadow); overflow: hidden; position: absolute; z-index: 1; }
.pdf-viewer .page { border: calc(var(--size-4-1) * var(--scale-factor)) solid transparent; box-sizing: content-box; direction: ltr; flex-shrink: 0; height: 1056px; margin: 0px auto; overflow: visible; position: relative; width: 816px; }
.pdf-viewer .spread .page { border: var(--size-4-1) solid transparent; }
.pdf-viewer.removePageBorders .page { border: none; }
.pdf-viewer.removePageBorders .page + .page { border-top: var(--size-4-1) solid transparent; }
.pdf-viewer.removePageBorders .spread .page + .page { border-top: none; }
.pdf-viewer.removePageBorders .spread .canvasWrapper { box-shadow: var(--pdf-spread-shadow); }
.pdf-viewer.removePageBorders .spread + .spread { border-top: var(--size-4-1) solid transparent; }
.pdf-viewer.mod-scroll-horizontal, .pdf-viewer.mod-scroll-wrapped, .pdf-spread { margin-left: 3.5px; margin-right: 3.5px; text-align: center; }
.pdf-viewer.mod-scroll-horizontal, .pdf-spread { white-space: nowrap; }
.pdf-viewer.mod-scroll-horizontal .pdf-spread, .pdf-viewer.mod-scroll-wrapped .pdf-spread { margin-left: 0px; margin-right: 0px; }
.pdf-spread .pdf-page, .pdf-viewer.mod-scroll-horizontal .pdf-page, .pdf-viewer.mod-scroll-wrapped .pdf-page, .pdf-viewer.mod-scroll-horizontal .pdf-spread, .pdf-viewer.mod-scroll-wrapped .pdf-spread { display: inline-block; vertical-align: middle; }
.pdf-viewer .page canvas { margin: 0px; display: block; }
.pdf-viewer .page canvas .pdf-struct-tree { contain: strict; }
.pdf-viewer .page canvas[hidden] { display: none; }
.pdf-viewer .page canvas[zooming] { width: 100%; height: 100%; }
.pdf-viewer:is(.scrollHorizontal, .scrollWrapped), .spread { margin-inline: 3.5px; text-align: center; }
.pdf-viewer.scrollHorizontal, .spread { white-space: nowrap; }
.pdf-viewer:is(.scrollHorizontal, .scrollWrapped) .spread { margin-inline: 0px; }
.spread :is(.page, .dummyPage), .pdf-viewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) { display: inline-block; vertical-align: middle; }
.pdf-viewer.enablePermissions .textLayer span { cursor: not-allowed; user-select: none !important; }
.pdf-findbar { background-color: var(--background-primary); flex-direction: row-reverse; font-size: var(--font-ui-small); gap: var(--size-4-1); left: 0px; line-height: 1; padding: var(--size-2-3); position: absolute; right: 0px; top: 0px; transition-property: inset-inline-start; z-index: 101; }
.pdf-findbar input { min-width: 300px; }
.pdf-findbar.mod-hidden { display: none; }
.pdf-findbar input[type="checkbox"] { display: none; pointer-events: none; }
.pdf-findbar label { user-select: none; }
.pdf-findbar label:hover, .pdf-findbar input:focus-visible + label { color: var(--toggled-btn-color); background-color: var(--button-hover-color); }
.pdf-findbar .pdf-toolbar-field[type="checkbox"]:checked + .pdf-toolbar-label { color: var(--toggled-btn-color); background-color: var(--toggled-btn-bg-color)  !important; }
.pdf-findbar .pdf-search-wrapper { display: flex; gap: var(--size-4-1); align-items: center; }
.pdf-findbar .mod-not-found { --background-modifier-form-field: rgba(var(--background-modifier-error-rgb), 0.1); --background-modifier-border-focus: rgba(var(--background-modifier-error-rgb), 0.6); }
.pdf-findbar .mod-pending::before { -webkit-mask-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"></path></svg>"); animation: 1s linear 0s infinite normal none running rotation; }
.is-phone .pdf-findbar { }
.is-phone .pdf-findbar .pdf-toolbar-button { height: auto; width: auto; padding: 6px 0px; background-color: transparent; color: var(--text-accent); flex-grow: 0; flex-shrink: 0; }
.is-phone .pdf-findbar .pdf-toolbar-divider, .is-phone .pdf-findbar .pdf-findbar-settings-btn, .is-phone .pdf-findbar .pdf-findbar-message { display: none; }
.is-phone .pdf-findbar input { min-width: 0px; }
.is-phone .pdf-findbar .search-input-container { flex-grow: 1; }
.is-phone .pdf-findbar .pdf-search-wrapper { gap: var(--size-4-2); }
@keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.pdf-find-results-count { color: var(--text-muted); margin: 0 var(--size-4-2); font-style: italic; white-space: nowrap; }
.pdf-find-results-count:empty { display: none; }
.pdf-findbar-settings { background-color: var(--background-primary); border-radius: var(--radius-m); border: 1px solid var(--background-modifier-border); box-shadow: var(--shadow-s); padding: var(--size-4-1) var(--size-4-2); position: absolute; transform: translateX(-100%); width: 200px; z-index: 200; }
.pdf-content-container.sidebarOpen .pdf-findbar-settings { transform: translateX(calc(-100% + var(--sidebar-width))); }
.pdf-findbar-settings .setting-item { padding: var(--size-4-1) 0; border: none; }
.pdf-findbar-settings .setting-item-name { font-size: var(--font-ui-small); }
.pdf-password-dialog { align-items: center; display: flex; flex-direction: column; font-size: var(--font-ui-medium); gap: var(--size-4-1); justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.pdf-password-dialog .mod-small { font-size: var(--font-ui-small); }
.pdf-password-dialog input { margin-top: var(--size-4-2); }
.pdf-lock-icon .svg-icon { --icon-size: var(--icon-xl); --icon-stroke: var(--icon-xl-stroke-width); }
.hiddenCopyElement { position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; display: none; }
:root { --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --xfa-focus-outline: auto; }
@media screen and (forced-colors: active) {
  :root { --xfa-focus-outline: 2px solid CanvasText; }
  .xfaLayer :required { outline: selecteditem solid 1.5px; }
}
.xfaLayer { background-color: transparent; }
.xfaLayer .highlight { margin: -1px; padding: 1px; background-color: rgb(239, 203, 237); border-radius: 4px; }
.xfaLayer .highlight.appended { position: initial; }
.xfaLayer .highlight.begin { border-radius: 4px 0px 0px 4px; }
.xfaLayer .highlight.end { border-radius: 0px 4px 4px 0px; }
.xfaLayer .highlight.middle { border-radius: 0px; }
.xfaLayer .highlight.selected { background-color: rgb(203, 223, 203); }
.xfaPage { overflow: hidden; position: relative; }
.xfaContentarea { position: absolute; }
.xfaPrintOnly { display: none; }
.xfaLayer { position: absolute; text-align: initial; top: 0px; left: 0px; transform-origin: 0px 0px; line-height: 1.2; }
.xfaLayer * { color: inherit; font: inherit; letter-spacing: -0.01px; text-align: inherit; text-decoration: inherit; box-sizing: border-box; background-color: transparent; padding: 0px; margin: 0px; pointer-events: auto; }
.xfaLayer :required { outline: red solid 1.5px; }
.xfaLayer div { pointer-events: none; }
.xfaLayer svg { pointer-events: none; }
.xfaLayer svg * { pointer-events: none; }
.xfaLayer a { color: blue; }
.xfaRich li { margin-left: 3em; }
.xfaFont { color: black; font-weight: normal; font-kerning: none; font-size: 10px; font-style: normal; letter-spacing: 0px; text-decoration: none; vertical-align: 0px; }
.xfaCaption { overflow: hidden; flex: 0 0 auto; }
.xfaCaptionForCheckButton { overflow: hidden; flex: 1 1 auto; }
.xfaLabel { height: 100%; width: 100%; }
.xfaLeft { display: flex; flex-direction: row; align-items: center; }
.xfaRight { display: flex; flex-direction: row-reverse; align-items: center; }
.xfaLeft > .xfaCaption, .xfaLeft > .xfaCaptionForCheckButton, .xfaRight > .xfaCaption, .xfaRight > .xfaCaptionForCheckButton { max-height: 100%; }
.xfaTop { display: flex; flex-direction: column; align-items: flex-start; }
.xfaBottom { display: flex; flex-direction: column-reverse; align-items: flex-start; }
.xfaTop > .xfaCaption, .xfaTop > .xfaCaptionForCheckButton, .xfaBottom > .xfaCaption, .xfaBottom > .xfaCaptionForCheckButton { width: 100%; }
.xfaBorder { background-color: transparent; position: absolute; pointer-events: none; }
.xfaWrapped { width: 100%; height: 100%; }
.xfaTextfield:focus, .xfaSelect:focus { background-image: none; background-color: transparent; outline: var(--xfa-focus-outline); outline-offset: -1px; }
.xfaCheckbox:focus, .xfaRadio:focus { outline: var(--xfa-focus-outline); }
.xfaTextfield, .xfaSelect { height: 100%; width: 100%; flex: 1 1 auto; border: none; resize: none; background-image: var(--xfa-unfocused-field-background); }
.xfaSelect { padding-inline: 2px; }
.xfaTop > .xfaTextfield, .xfaTop > .xfaSelect, .xfaBottom > .xfaTextfield, .xfaBottom > .xfaSelect { flex: 0 1 auto; }
.xfaButton { cursor: pointer; width: 100%; height: 100%; border: none; text-align: center; }
.xfaLink { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
.xfaCheckbox, .xfaRadio { width: 100%; height: 100%; flex: 0 0 auto; border: none; }
.xfaRich { white-space: pre-wrap; width: 100%; height: 100%; }
.xfaImage { object-position: left top; object-fit: contain; width: 100%; height: 100%; }
.xfaLrTb, .xfaRlTb, .xfaTb { display: flex; flex-direction: column; align-items: stretch; }
.xfaLr { display: flex; flex-direction: row; align-items: stretch; }
.xfaRl { display: flex; flex-direction: row-reverse; align-items: stretch; }
.xfaTb > div { justify-content: left; }
.xfaPosition { position: relative; }
.xfaArea { position: relative; }
.xfaValignMiddle { display: flex; align-items: center; }
.xfaTable { display: flex; flex-direction: column; align-items: stretch; }
.xfaTable .xfaRow { display: flex; flex-direction: row; align-items: stretch; }
.xfaTable .xfaRlRow { display: flex; flex-direction: row-reverse; align-items: stretch; flex: 1 1 0%; }
.xfaTable .xfaRlRow > div { flex: 1 1 0%; }
.xfaNonInteractive input, .xfaNonInteractive textarea, .xfaDisabled input, .xfaDisabled textarea, .xfaReadOnly input, .xfaReadOnly textarea { background: initial; }
@media print {
  .xfaTextfield, .xfaSelect { background: transparent; }
  .xfaSelect { appearance: none; text-indent: 1px; }
}
.textLayer { inset: 0px; line-height: 1; overflow: hidden; position: absolute; text-align: initial; text-size-adjust: none; transform-origin: 0px 0px; user-select: text; z-index: 2; opacity: 0.2; }
.textLayer ::selection { background-color: hsl(var(--color-accent-hsl)); }
.textLayer span, .textLayer br { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0% 0%; }
.textLayer span.markedContent { top: 0px; height: 0px; }
.textLayer .highlight { margin: -1px; padding: 1px; border-radius: var(--radius-s); }
.textLayer .highlight.appended { position: static; display: inline-block; }
.textLayer .highlight.begin { border-radius: var(--radius-s) 0 0 var(--radius-s); }
.textLayer .highlight.end { border-radius: 0 var(--radius-s) var(--radius-s) 0; }
.textLayer .highlight.middle { border-radius: 0px; }
.textLayer .highlight.selected { box-shadow: 0 0 0 2px hsl(var(--interactive-accent-hsl)); background-color: hsl(var(--interactive-accent-hsl)); }
.textLayer .highlight:not(.selected) { box-shadow: 0 0 0 2px rgb(var(--color-yellow-rgb)); background-color: rgb(var(--color-yellow-rgb)); }
.textLayer br::selection { background: transparent; }
:root { --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; }
@media screen and (forced-colors: active) {
  :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; }
  .annotationLayer .textWidgetAnnotation input:required, .annotationLayer .textWidgetAnnotation textarea:required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation.checkBox input:required, .annotationLayer .buttonWidgetAnnotation.radioButton input:required { outline: selecteditem solid 1.5px; }
}
.annotationLayer { position: absolute; top: 0px; left: 0px; pointer-events: none; transform-origin: 0px 0px; z-index: 3; }
.annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg) translateX(-100%); }
.annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg) translate(-100%, -100%); }
.annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg) translateY(-100%); }
.annotationLayer canvas { position: absolute; width: 100%; height: 100%; }
.annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0px 0px; }
.annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotation.pushButton > a { position: absolute; font-size: 1em; top: 0px; left: 0px; width: 100%; height: 100%; }
.annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { opacity: 0.2; background: rgb(255, 255, 0); box-shadow: rgb(255, 255, 0) 0px 2px 10px; }
.annotationLayer .textAnnotation img, .annotationLayer .textAnnotation canvas { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0px; left: 0px; }
.annotationLayer .textWidgetAnnotation input, .annotationLayer .textWidgetAnnotation textarea, .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0px; vertical-align: top; width: 100%; }
.annotationLayer .textWidgetAnnotation input:required, .annotationLayer .textWidgetAnnotation textarea:required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation.checkBox input:required, .annotationLayer .buttonWidgetAnnotation.radioButton input:required { outline: red solid 1.5px; }
.annotationLayer .choiceWidgetAnnotation select option { padding: 0px; }
.annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; }
.annotationLayer .textWidgetAnnotation textarea { resize: none; }
.annotationLayer .textWidgetAnnotation input[disabled], .annotationLayer .textWidgetAnnotation textarea[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; }
.annotationLayer .textWidgetAnnotation input:hover, .annotationLayer .textWidgetAnnotation textarea:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { border: 2px solid var(--input-hover-border-color); }
.annotationLayer .textWidgetAnnotation input:hover, .annotationLayer .textWidgetAnnotation textarea:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; }
.annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textWidgetAnnotation textarea:focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); }
.annotationLayer .buttonWidgetAnnotation.checkBox :focus, .annotationLayer .buttonWidgetAnnotation.radioButton :focus { background-image: none; background-color: transparent; }
.annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); }
.annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: canvastext; content: ""; display: block; position: absolute; }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); }
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); }
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; }
.annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0px; }
.annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; }
.annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { appearance: none; }
.annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; }
.popupTriggerArea { height: 100%; width: 100%; }
.annotationLayer section.boundingRect { pointer-events: none; }
.annotationLayer section.boundingRect > * { pointer-events: initial; }
.popupWrapper { --pdf-popup-width: 280px; animation: 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s 1 normal none running popIn; font-size: var(--font-ui-medium); pointer-events: none; position: absolute; transform: translate(-50%, 0px); z-index: 10000; }
.popupWrapper > div { margin: var(--size-4-3); background-color: var(--background-primary); border-radius: var(--radius-s); filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 0px 1px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px) drop-shadow(rgba(0, 0, 0, 0.3) 0px 4px 6px); }
.popupWrapper > div::after { background: var(--background-primary); border-top-left-radius: 2px; content: ""; height: var(--size-4-3); left: calc(50% - 2px); position: absolute; top: -5px; transform: rotate(45deg); width: var(--size-4-3); z-index: -1; }
@keyframes popIn { 
  0% { transform: translate(-50%, -1px) scale(0.97); }
  100% { transform: translate(-50%, 0px) scale(1); }
}
.popup { cursor: initial; display: flex; flex-direction: column; pointer-events: auto; user-select: text; white-space: normal; width: 280px; overflow-wrap: break-word; }
.popupContent { font-size: var(--font-ui-small); line-height: var(--line-height-tight); max-height: 200px; overflow: auto; padding: var(--size-4-4); }
.popupContent:empty { display: none; }
.popupMeta { align-items: center; background-color: var(--background-secondary); border-top: 1px solid var(--background-modifier-border); color: var(--text-muted); display: flex; font-size: var(--font-ui-smaller); gap: var(--size-4-1); justify-content: space-between; padding: var(--size-4-1) var(--size-4-2) var(--size-4-1); border-bottom-left-radius: var(--radius-s); border-bottom-right-radius: var(--radius-s); }
.popupContent:empty + .popupMeta { border-top: none; background-color: var(--background-primary); border-top-left-radius: var(--radius-s); border-top-right-radius: var(--radius-s); }
.popupDate { white-space: nowrap; }
.richText > * { white-space: pre-wrap; }
.annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; }
.annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; user-select: none; pointer-events: none; }
.annotationLayer .annotationTextContent span { width: 100%; display: inline-block; }
.markdown-rendered video { max-width: 100%; outline: none; }
.markdown-rendered blockquote { color: var(--blockquote-color); font-style: var(--blockquote-font-style); background-color: var(--blockquote-background-color); border-left: var(--blockquote-border-thickness) solid var(--blockquote-border-color); padding: 0 0 0 var(--size-4-6); margin-inline: 0px; }
.markdown-rendered blockquote > :first-child { margin-top: 0px; }
.markdown-rendered blockquote > :last-child { margin-bottom: 0px; }
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote::before, .markdown-source-view.mod-cm6 .cm-blockquote-border::before { content: "​"; display: block; width: 1px; border-left: var(--blockquote-border-thickness) solid var(--blockquote-border-color); color: transparent; position: absolute; top: 0px; bottom: 0px; }
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { font-style: var(--blockquote-style); background-color: var(--blockquote-background-color); }
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote::before { left: 0px; }
.markdown-source-view.mod-cm6 .cm-blockquote-border { display: inline-block; }
.callout { --callout-color: var(--callout-default); --callout-icon: lucide-pencil; }
.callout[data-callout="abstract"], .callout[data-callout="summary"], .callout[data-callout="tldr"] { --callout-color: var(--callout-summary); --callout-icon: lucide-clipboard-list; }
.callout[data-callout="info"] { --callout-color: var(--callout-info); --callout-icon: lucide-info; }
.callout[data-callout="todo"] { --callout-color: var(--callout-todo); --callout-icon: lucide-check-circle-2; }
.callout[data-callout="important"] { --callout-color: var(--callout-important); --callout-icon: lucide-flame; }
.callout[data-callout="tip"], .callout[data-callout="hint"] { --callout-color: var(--callout-tip); --callout-icon: lucide-flame; }
.callout[data-callout="success"], .callout[data-callout="check"], .callout[data-callout="done"] { --callout-color: var(--callout-success); --callout-icon: lucide-check; }
.callout[data-callout="question"], .callout[data-callout="help"], .callout[data-callout="faq"] { --callout-color: var(--callout-question); --callout-icon: help-circle; }
.callout[data-callout="warning"], .callout[data-callout="caution"], .callout[data-callout="attention"] { --callout-color: var(--callout-warning); --callout-icon: lucide-alert-triangle; }
.callout[data-callout="failure"], .callout[data-callout="fail"], .callout[data-callout="missing"] { --callout-color: var(--callout-fail); --callout-icon: lucide-x; }
.callout[data-callout="danger"], .callout[data-callout="error"] { --callout-color: var(--callout-error); --callout-icon: lucide-zap; }
.callout[data-callout="bug"] { --callout-color: var(--callout-bug); --callout-icon: lucide-bug; }
.callout[data-callout="example"] { --callout-color: var(--callout-example); --callout-icon: lucide-list; }
.callout[data-callout="quote"], .callout[data-callout="cite"] { --callout-color: var(--callout-quote); --callout-icon: quote-glyph; }
.callout { overflow: hidden; border-style: solid; border-color: rgba(var(--callout-color), var(--callout-border-opacity)); border-width: var(--callout-border-width); border-radius: var(--callout-radius); margin: 1em 0px; mix-blend-mode: var(--callout-blend-mode); background-color: rgba(var(--callout-color), 0.1); padding: var(--callout-padding); }
.callout.is-collapsible .callout-title { cursor: var(--cursor); }
.callout-title { padding: var(--callout-title-padding); display: flex; gap: var(--size-4-1); font-size: var(--callout-title-size); color: rgb(var(--callout-color)); line-height: var(--line-height-tight); }
.callout-content { overflow-x: auto; padding: var(--callout-content-padding); background-color: var(--callout-content-background); }
.callout-icon { flex: 0 0 auto; display: flex; margin-top: 0.15em; align-self: flex-start; }
.callout-icon .svg-icon { color: rgb(var(--callout-color)); }
.callout-title-inner { font-weight: var(--bold-weight); color: var(--callout-title-color); }
.callout-fold { display: flex; margin-top: 0.15em; align-self: flex-start; padding-right: var(--size-4-2); }
.callout-fold .svg-icon { transition: transform 100ms ease-in-out 0s; }
.callout-fold.is-collapsed .svg-icon { transform: rotate(-90deg); }
.markdown-source-view.mod-cm6 .callout { margin: 0px; }
.markdown-rendered code { color: var(--code-normal); font-family: var(--font-monospace); background-color: var(--code-background); border-radius: var(--radius-s); font-size: var(--code-size); padding: 0.1em 0.25em; }
.markdown-rendered pre { position: relative; padding: var(--size-4-2) var(--size-4-4); min-height: 38px; background-color: var(--code-background); border-radius: var(--radius-s); white-space: var(--code-white-space); overflow-x: auto; }
.markdown-rendered pre code { border: none; padding: 0px; background-color: transparent; }
.markdown-rendered pre:not(:hover) > button.copy-code-button { display: none; }
.markdown-rendered button.copy-code-button { margin: 6px; padding: 6px 8px; height: auto; background-color: transparent; box-shadow: none; color: var(--text-muted); font-size: var(--font-ui-smaller); font-family: var(--font-interface); position: absolute; top: 0px; right: 0px; }
@media (hover: hover) {
  .markdown-rendered button.copy-code-button:hover { background-color: var(--background-modifier-hover); }
}
.markdown-source-view.mod-cm6 .cm-preview-code-block pre { margin: 0px; }
.markdown-source-view.mod-cm6 .code-block-flair { position: absolute; right: 6px; top: 6px; z-index: 1; display: inline-block; padding: var(--size-4-1) var(--size-4-2); border-radius: var(--radius-s); font-family: var(--font-interface); font-size: var(--font-ui-smaller); color: var(--text-muted); cursor: var(--cursor); }
@media (hover: hover) {
  .markdown-source-view.mod-cm6 .code-block-flair:hover { background-color: var(--background-modifier-hover); }
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-codeblock { padding-left: var(--size-4-4); color: var(--code-normal); }
code[class*="language-"], pre[class*="language-"] { color: var(--code-normal); background: none; overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; font-family: var(--font-monospace); text-align: left; word-spacing: normal; line-height: var(--line-height-normal); hyphens: none; }
@media print {
  code[class*="language-"], pre[class*="language-"] { text-shadow: none; }
}
:not(pre) > code[class*="language-"], pre[class*="language-"] { background: var(--code-background); }
pre[class*="language-"] { overflow: hidden; }
code[class*="language-"] { display: block; padding: 1em; overflow: auto; }
:not(pre) > code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; }
.token.important, .token.bold { font-weight: bold; }
.token.italic { font-style: italic; }
.token.entity { cursor: help; }
.token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--code-comment); }
.token.namespace { opacity: 0.7; }
.token.tag, .token.constant, .token.symbol, .token.deleted { color: var(--code-tag); }
.token.punctuation { color: var(--code-punctuation); }
.token.boolean, .token.number { color: var(--code-value); }
.token.selector, .token.attr-name, .token.string, .token.char, .token.inserted { color: var(--code-string); }
.token.operator { color: var(--code-operator); }
.token.entity, .token.parameter, .token.property, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: var(--code-property); }
.token.atrule, .token.attr-value, .token.builtin, .token.function, .token.class-name, .token.property-access { color: var(--code-function); }
.token.keyword { color: var(--code-keyword); }
.token.regex, .token.important { color: var(--code-important); }
.markdown-preview-view .markdown-embed .markdown-preview-view { --file-folding-offset: 0px; height: 100%; padding: 0px; }
.markdown-preview-view .markdown-embed .markdown-preview-view .markdown-preview-pusher h1, .markdown-preview-view .markdown-embed .markdown-preview-view .markdown-preview-pusher h2, .markdown-preview-view .markdown-embed .markdown-preview-view .markdown-preview-pusher h3, .markdown-preview-view .markdown-embed .markdown-preview-view .markdown-preview-pusher h4, .markdown-preview-view .markdown-embed .markdown-preview-view .markdown-preview-pusher h5, .markdown-preview-view .markdown-embed .markdown-preview-view .markdown-preview-pusher h6 { margin-top: 0px; }
.pdf-embed, .markdown-source-view .pdf-embed, .markdown-source-view.mod-cm6 .cm-content > .pdf-embed, .internal-embed.pdf-embed:not(.image-embed) { width: 100%; height: 800px; display: flex; flex-direction: column; }
.pdf-embed { overflow: hidden; position: relative; }
.pdf-embed:not(.canvas-node-content) { border: 1px solid var(--background-modifier-border); border-radius: var(--radius-s); }
.pdf-embed:not(.canvas-node-content) .pdf-toolbar { padding-right: var(--size-4-9); }
.markdown-source-view.mod-cm6 .pdf-embed .edit-block-button { background-color: var(--background-primary); opacity: 1; top: 6px; z-index: 1; }
.markdown-source-view.mod-cm6 .pdf-embed .edit-block-button:hover { color: var(--icon-color-hover); background-color: var(--background-modifier-hover); }
.markdown-embed, .file-embed { position: relative; }
.markdown-embed-link, .file-embed-link { position: absolute; top: 4px; right: 4px; color: var(--icon-color); opacity: var(--icon-opacity); cursor: var(--cursor-link); padding: var(--size-2-2); border-radius: var(--radius-s); display: flex; align-items: center; --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
@media (hover: hover) {
  .markdown-embed-link:hover, .file-embed-link:hover { color: var(--icon-color-hover); opacity: var(--icon-opacity-hover); background: var(--background-modifier-hover); }
}
.file-embed-title { display: flex; align-items: center; justify-content: center; gap: var(--size-4-2); }
.file-embed-icon { color: var(--text-muted); display: flex; }
.file-embed { display: flex; justify-content: center; border-radius: var(--radius-m); background-color: var(--background-primary-alt); }
.file-embed.mod-generic, .file-embed.mod-empty { cursor: var(--cursor-link); padding: var(--size-4-2); color: var(--text-muted); text-align: center; font-size: var(--font-smaller); }
@media (hover: hover) {
  .file-embed.mod-generic:hover, .file-embed.mod-empty:hover { color: var(--text-normal); background-color: var(--background-secondary); }
}
.markdown-embed-content { height: 100%; }
.embed-title { align-items: center; display: flex; gap: var(--size-4-1); font-size: var(--font-text-size); font-weight: var(--bold-weight); text-align: left; text-overflow: ellipsis; white-space: nowrap; padding: 0 0 var(--size-4-2) 0; }
.markdown-embed { font-style: var(--embed-font-style); background-color: var(--embed-background); border-top: var(--embed-border-top); border-right: var(--embed-border-right); border-bottom: var(--embed-border-bottom); border-left: var(--embed-border-left); margin: 0px; padding: var(--embed-padding); }
.markdown-embed .markdown-preview-view { padding: 0px; }
.internal-embed:not(.image-embed) { display: block; }
.internal-embed img:not([width]), .internal-embed audio, .internal-embed video { max-width: 100%; }
.inline-embed .markdown-embed-content { height: fit-content; max-height: var(--embed-max-height); overflow: auto; }
.inline-embed .markdown-embed-content p:first-child { margin-top: 0px; }
.inline-embed .markdown-source-view.mod-cm6 .cm-editor { min-height: unset; }
.embed-iframe { width: 100%; height: 100%; }
iframe.external-embed { width: 600px; max-width: 100%; height: 350px; }
.markdown-source-view.mod-cm6 .internal-embed { white-space: normal; }
.markdown-source-view.mod-cm6 .cm-embed-block { position: relative; white-space: normal; overflow-wrap: normal; word-break: normal; }
@media (hover: hover) {
  .markdown-source-view.mod-cm6 .cm-embed-block:hover { box-shadow: var(--embed-block-shadow-hover); border-radius: var(--radius-s); overflow: hidden; cursor: text; }
  .markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button { opacity: 1; }
  .markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button:hover { background-color: var(--background-modifier-hover); }
}
.markdown-source-view.mod-cm6 .cm-embed-block pre { margin: 0px; }
.markdown-source-view.mod-inside-iframe > .cm-editor > .cm-scroller { flex-direction: column; padding: 0 var(--size-4-4); }
.markdown-source-view.mod-inside-iframe > .cm-editor > .cm-scroller::before, .markdown-source-view.mod-inside-iframe > .cm-editor > .cm-scroller::after { content: " "; display: block; min-height: min(calc(10vh - 3px), var(--size-4-4)); max-height: var(--size-4-4); flex: 1 1 0px; }
.markdown-source-view.mod-inside-iframe > .cm-editor > .cm-scroller > .cm-sizer { min-height: unset; flex: 1 0 0px; }
.footnote-link { text-decoration: none; }
.footnotes { font-size: var(--footnote-size); }
.footnote-ref { vertical-align: super; }
.footnote-backref { color: var(--text-faint); text-decoration: none; }
@media (hover: hover) {
  .footnote-backref:hover { color: var(--text-accent); text-decoration: none; }
}
@media (hover: hover) {
  .cm-s-obsidian .cm-line.HyperMD-footnote span.cm-hmd-footnote:hover { color: var(--text-accent); }
}
.markdown-preview-view:not(.show-frontmatter) .frontmatter-container { display: none; }
.markdown-rendered .frontmatter.mod-failed { position: relative; }
.markdown-rendered .frontmatter.mod-failed .mod-error { color: var(--text-error); font-size: var(--font-smaller); }
.markdown-rendered .frontmatter.mod-failed::after { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background-color: var(--background-modifier-error); opacity: 0.3; mix-blend-mode: var(--highlight-mix-blend-mode); }
.frontmatter-container { padding: var(--size-4-2) 0 var(--size-4-4); color: var(--text-muted); position: relative; }
.frontmatter-container .frontmatter-section { display: flex; align-items: center; margin-bottom: var(--size-2-2); }
.frontmatter-container .frontmatter-section:last-child { margin-bottom: 0px; }
.frontmatter-container .frontmatter-section .svg-icon { color: var(--text-faint); margin-right: var(--size-4-2); }
.frontmatter-container .frontmatter-section-label { padding-right: 0.5em; flex-basis: 7em; flex-shrink: 0; font-size: var(--font-smaller); display: flex; align-items: center; }
.frontmatter-container .frontmatter-section-data { display: inline-flex; flex-wrap: wrap; flex-grow: 1; align-items: center; gap: var(--size-2-2); }
.markdown-embed-content .frontmatter-container { display: none; }
.frontmatter-container.is-collapsed .frontmatter-section { display: none; }
.frontmatter-container .frontmatter-collapse-indicator { margin-right: 6px; align-self: center; display: none; }
.frontmatter-container .frontmatter-container-header { color: var(--text-normal); font-size: var(--font-smaller); user-select: none; cursor: var(--cursor); font-weight: var(--font-medium); display: flex; content: "Metadata"; border-bottom: 1px solid var(--background-modifier-border); padding-bottom: var(--size-4-2); margin-bottom: var(--size-4-2); }
.frontmatter-container.is-collapsed .frontmatter-container-header { color: var(--text-faint); }
@media (hover: hover) {
  .frontmatter-container.is-collapsed .frontmatter-container-header:hover { color: var(--text-muted); }
}
.frontmatter-container .frontmatter-input-text { width: 100%; min-height: var(--input-height); height: var(--input-height); border-width: 0px; resize: none; overflow-y: hidden; }
.frontmatter-container .frontmatter-input-number { width: 100%; border-width: 0px; }
.frontmatter-container .frontmatter-input-checkbox { margin-left: var(--size-4-2); }
.frontmatter-container .frontmatter-alias { font-size: var(--font-smaller); color: var(--text-normal); cursor: default; display: inline-flex; align-items: center; line-height: 1; white-space: nowrap; padding-right: 4px; }
.frontmatter-container .frontmatter-alias-icon { margin-right: var(--size-2-1); color: var(--text-accent); display: flex; align-items: center; }
.frontmatter-container .frontmatter-alias-icon .svg-icon { width: 12px; height: 12px; stroke-width: 2.5px; }
.frontmatter-container .frontmatter-key-input { border: none; }
.markdown-rendered h1, .markdown-rendered h2, .markdown-rendered h3, .markdown-rendered h4, .markdown-rendered h5, .markdown-rendered h6 { margin: 15px 0px; }
.markdown-rendered li h1, .markdown-rendered li h2, .markdown-rendered li h3, .markdown-rendered li h4, .markdown-rendered li h5 { margin-top: 0px; margin-bottom: 0px; }
h1, .markdown-rendered h1 { font-variant: var(--h1-variant); letter-spacing: -0.015em; line-height: var(--h1-line-height); font-size: var(--h1-size); color: var(--h1-color); font-weight: var(--h1-weight); font-style: var(--h1-style); font-family: var(--h1-font); }
h1 a, .markdown-rendered h1 a { font-weight: inherit; }
h2, .markdown-rendered h2 { font-variant: var(--h2-variant); letter-spacing: -0.015em; line-height: var(--h2-line-height); font-size: var(--h2-size); color: var(--h2-color); font-weight: var(--h2-weight); font-style: var(--h2-style); font-family: var(--h2-font); }
h2 a, .markdown-rendered h2 a { font-weight: inherit; }
h3, .markdown-rendered h3 { font-variant: var(--h3-variant); letter-spacing: -0.015em; line-height: var(--h3-line-height); font-size: var(--h3-size); color: var(--h3-color); font-weight: var(--h3-weight); font-style: var(--h3-style); font-family: var(--h3-font); }
h3 a, .markdown-rendered h3 a { font-weight: inherit; }
h4, .markdown-rendered h4 { font-variant: var(--h4-variant); letter-spacing: 0.01em; line-height: var(--h4-line-height); font-size: var(--h4-size); color: var(--h4-color); font-weight: var(--h4-weight); font-style: var(--h4-style); font-family: var(--h4-font); }
h4 a, .markdown-rendered h4 a { font-weight: inherit; }
h5, .markdown-rendered h5 { font-variant: var(--h5-variant); letter-spacing: 0.015em; font-size: var(--h5-size); line-height: var(--h5-line-height); color: var(--h5-color); font-weight: var(--h5-weight); font-style: var(--h5-style); font-family: var(--h5-font); }
h5 a, .markdown-rendered h5 a { font-weight: inherit; }
h6, .markdown-rendered h6 { font-variant: var(--h6-variant); letter-spacing: 0.015em; font-size: var(--h6-size); line-height: var(--h6-line-height); color: var(--h6-color); font-weight: var(--h6-weight); font-style: var(--h6-style); font-family: var(--h6-font); }
h6 a, .markdown-rendered h6 a { font-weight: inherit; }
.HyperMD-header-1, .inline-title[data-level="1"], .HyperMD-list-line .cm-header-1 { font-variant: var(--h1-variant); letter-spacing: -0.015em; line-height: var(--h1-line-height); font-size: var(--h1-size); color: var(--h1-color); font-weight: var(--h1-weight); font-style: var(--h1-style); font-family: var(--h1-font); }
.HyperMD-header-1 a, .inline-title[data-level="1"] a, .HyperMD-list-line .cm-header-1 a { font-weight: inherit; }
.HyperMD-header-2, .inline-title[data-level="2"], .HyperMD-list-line .cm-header-2 { font-variant: var(--h2-variant); letter-spacing: -0.015em; line-height: var(--h2-line-height); font-size: var(--h2-size); color: var(--h2-color); font-weight: var(--h2-weight); font-style: var(--h2-style); font-family: var(--h2-font); }
.HyperMD-header-2 a, .inline-title[data-level="2"] a, .HyperMD-list-line .cm-header-2 a { font-weight: inherit; }
.HyperMD-header-3, .inline-title[data-level="3"], .HyperMD-list-line .cm-header-3 { font-variant: var(--h3-variant); letter-spacing: -0.015em; line-height: var(--h3-line-height); font-size: var(--h3-size); color: var(--h3-color); font-weight: var(--h3-weight); font-style: var(--h3-style); font-family: var(--h3-font); }
.HyperMD-header-3 a, .inline-title[data-level="3"] a, .HyperMD-list-line .cm-header-3 a { font-weight: inherit; }
.HyperMD-header-4, .inline-title[data-level="4"], .HyperMD-list-line .cm-header-4 { font-variant: var(--h4-variant); letter-spacing: 0.015em; line-height: var(--h4-line-height); font-size: var(--h4-size); color: var(--h4-color); font-weight: var(--h4-weight); font-style: var(--h4-style); font-family: var(--h4-font); }
.HyperMD-header-4 a, .inline-title[data-level="4"] a, .HyperMD-list-line .cm-header-4 a { font-weight: inherit; }
.HyperMD-header-5, .inline-title[data-level="5"], .HyperMD-list-line .cm-header-5 { font-variant: var(--h5-variant); letter-spacing: 0.015em; font-size: var(--h5-size); line-height: var(--h5-line-height); color: var(--h5-color); font-weight: var(--h5-weight); font-style: var(--h5-style); font-family: var(--h5-font); }
.HyperMD-header-5 a, .inline-title[data-level="5"] a, .HyperMD-list-line .cm-header-5 a { font-weight: inherit; }
.HyperMD-header-6, .inline-title[data-level="6"], .HyperMD-list-line .cm-header-6 { font-variant: var(--h6-variant); letter-spacing: 0.015em; font-size: var(--h6-size); line-height: var(--h6-line-height); color: var(--h6-color); font-weight: var(--h6-weight); font-style: var(--h6-style); font-family: var(--h6-font); }
.HyperMD-header-6 a, .inline-title[data-level="6"] a, .HyperMD-list-line .cm-header-6 a { font-weight: inherit; }
.HyperMD-header .cm-header-1, .HyperMD-header .cm-header-2, .HyperMD-header .cm-header-3, .HyperMD-header .cm-header-4, .HyperMD-header .cm-header-5, .HyperMD-header .cm-header-6 { font-size: inherit !important; }
hr { border-right-width: initial; border-bottom-width: initial; border-left-width: initial; border-right-style: none; border-bottom-style: none; border-left-style: none; border-image: initial; border-top-width: ; border-top-style: ; border-color: var(--hr-color); margin: 1.5em 0px; }
.markdown-rendered hr { border-right-width: initial; border-bottom-width: initial; border-left-width: initial; border-right-style: none; border-bottom-style: none; border-left-style: none; border-image: initial; border-top-width: ; border-top-style: ; border-color: var(--hr-color); }
.markdown-source-view.mod-cm6 .hr { display: flex; align-items: center; }
.markdown-source-view.mod-cm6 hr { margin: 0px; flex: 1 0 0px; }
@media (hover: hover) {
  .cm-s-obsidian .hmd-fold-html:hover { border: 1px dashed rgb(153, 153, 153); }
}
.markdown-preview-view img, .markdown-rendered img { image-rendering: -webkit-optimize-contrast; }
.markdown-preview-view img:not([width]), .markdown-rendered img:not([width]) { max-width: 100%; outline: none; }
.markdown-source-view.mod-cm6 .cm-line .internal-embed.image-embed { display: inline; }
.internal-query { margin: 0px; border-top: 1px solid var(--background-modifier-border); }
.internal-query .search-result-container { padding: var(--size-4-2); max-height: 800px; overflow: auto; border: 1px solid var(--background-modifier-border); background-color: var(--background-secondary); border-radius: var(--radius-m); }
.internal-query .internal-query-header { text-align: center; padding: var(--size-4-3) 0 var(--size-4-3) var(--size-4-1); color: var(--text-normal); display: flex; justify-content: flex-start; align-items: center; }
.internal-query .internal-query-header-icon { color: var(--text-faint); margin-right: var(--size-4-1); display: flex; }
.internal-query .internal-query-header-title { font-weight: var(--font-medium); }
.internal-query .internal-query-header-title::before, .internal-query .internal-query-header-title::after { content: "\""; }
ul ul, ol ul, ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: disc; }
ol { list-style-type: var(--list-numbered-style); }
ol > li::marker, ul > li::marker { color: var(--list-marker-color); }
ol > li.is-collapsed::marker, ul > li.is-collapsed::marker { color: var(--list-marker-color-collapsed); }
.markdown-rendered ul, .markdown-rendered ol { padding-inline-start: var(--list-indent); }
.markdown-rendered ol > li, .markdown-rendered ul > li { padding-top: var(--list-spacing); padding-bottom: var(--list-spacing); }
.markdown-rendered ul li p:first-of-type, .markdown-rendered ol li p:first-of-type { margin-block-start: 0px; }
.markdown-rendered ul li p:last-of-type, .markdown-rendered ol li p:last-of-type { margin-block-end: 0px; }
.markdown-source-view.mod-cm6 .cm-content > .cm-line.HyperMD-list-line { margin-left: 0.5em; }
.markdown-source-view ol > li, .markdown-source-view ul > li, .markdown-preview-view ol > li, .markdown-preview-view ul > li, .mod-cm6 .HyperMD-list-line.cm-line { padding-top: var(--list-spacing); padding-bottom: var(--list-spacing); }
.markdown-rendered .list-collapse-indicator { margin-left: -3em; padding-right: 2em; }
.markdown-rendered .list-bullet { float: left; margin-left: -1em; }
.markdown-rendered .task-list-item > .list-bullet { display: none; }
.markdown-rendered ul.has-list-bullet { list-style-type: "​"; }
.markdown-rendered ul.has-list-bullet > li::marker { color: transparent; }
.list-bullet { color: transparent; position: relative; display: inline-flex; justify-content: center; align-items: center; }
.list-bullet::before { content: "​"; }
.list-bullet::after { position: absolute; content: "​"; pointer-events: none; color: var(--list-marker-color); border-radius: var(--list-bullet-radius); width: var(--list-bullet-size); height: var(--list-bullet-size); border: var(--list-bullet-border); transform: var(--list-bullet-transform); background-color: var(--list-marker-color); transition: transform 0.15s ease 0s, box-shadow 0.15s ease 0s; }
.list-bullet::selection { background-color: transparent !important; }
@media (hover: hover) {
  .list-collapse-indicator:hover ~ .list-bullet::after, .cm-fold-indicator:hover ~ .list-bullet::after, .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet::after, .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet::after { background-color: var(--list-marker-color-hover); box-shadow: 0 0 0 4px var(--background-modifier-hover); }
  li.is-collapsed .list-collapse-indicator:hover ~ .list-bullet::after, li.is-collapsed .cm-fold-indicator:hover ~ .list-bullet::after, .list-collapse-indicator:hover.is-collapsed ~ .list-bullet::after, .cm-fold-indicator:hover.is-collapsed ~ .list-bullet::after, li.is-collapsed .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet::after, li.is-collapsed .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet::after, .list-collapse-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet::after, .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet::after { background-color: var(--list-marker-color-collapsed); box-shadow: 0 0 0 4px var(--background-modifier-active-hover); }
}
li.is-collapsed .list-bullet::after, .is-collapsed ~ .cm-formatting-list .list-bullet::after { background-color: var(--list-marker-color-collapsed); box-shadow: 0 0 0 4px var(--background-modifier-active-hover); }
.markdown-source-view.mod-cm6 { }
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { padding-right: 0.5rem; }
.markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator { padding-right: 1em; right: -0.5em; }
@media (hover: hover) {
  .list-collapse-indicator:hover ~ .list-bullet::after, .cm-fold-indicator:hover ~ .list-bullet::after, .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet::after, .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet::after { background-color: var(--list-marker-color-hover); box-shadow: 0 0 0 4px var(--background-modifier-hover); }
  li.is-collapsed .list-collapse-indicator:hover ~ .list-bullet::after, li.is-collapsed .cm-fold-indicator:hover ~ .list-bullet::after, .list-collapse-indicator:hover.is-collapsed ~ .list-bullet::after, .cm-fold-indicator:hover.is-collapsed ~ .list-bullet::after, li.is-collapsed .list-collapse-indicator:hover ~ .cm-formatting-list .list-bullet::after, li.is-collapsed .cm-fold-indicator:hover ~ .cm-formatting-list .list-bullet::after, .list-collapse-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet::after, .cm-fold-indicator:hover.is-collapsed ~ .cm-formatting-list .list-bullet::after { background-color: var(--list-marker-color-collapsed); box-shadow: 0 0 0 4px var(--background-modifier-active-hover); }
}
.markdown-source-view.mod-cm6 .cm-hmd-list-indent { display: inline-block; }
.markdown-source-view.mod-cm6 .cm-formatting-list-ul, .markdown-source-view.mod-cm6 .cm-formatting-list-ol { white-space: pre; }
a { color: var(--link-color); outline: none; text-decoration-line: var(--link-decoration); text-decoration-thickness: var(--link-decoration-thickness); cursor: var(--cursor-link); }
@media (hover: hover) {
  a:hover { color: var(--link-color-hover); text-decoration-line: var(--link-decoration-hover); }
}
.external-link { color: var(--link-external-color); text-decoration-line: var(--link-external-decoration); background-position: right 4px; background-repeat: no-repeat; background-image: linear-gradient(transparent, transparent), url("https://publish.obsidian.md/public/images/874d8b8e340f75575caa.svg"); background-size: 13px; padding-right: 16px; cursor: var(--cursor-link); filter: var(--link-external-filter); }
@media (hover: hover) {
  .external-link:hover { color: var(--link-external-color-hover); text-decoration-line: var(--link-external-decoration-hover); }
}
.markdown-rendered .internal-link { cursor: var(--cursor-link); text-decoration-line: var(--link-decoration); }
@media (hover: hover) {
  .markdown-rendered .internal-link:hover { text-decoration-line: var(--link-decoration-hover); }
}
.markdown-rendered .internal-link.is-unresolved { color: var(--link-unresolved-color); opacity: var(--link-unresolved-opacity); filter: var(--link-unresolved-filter); text-decoration-style: var(--link-unresolved-decoration-style); text-decoration-color: var(--link-unresolved-decoration-color); }
@media (hover: hover) {
  .markdown-rendered .internal-link.is-unresolved:hover { opacity: 1; color: var(--link-color-hover); text-decoration-color: var(--link-color-hover); text-decoration-line: var(--link-decoration-hover); }
}
@media (hover: hover) {
  .cm-s-obsidian span.cm-link:hover { color: var(--link-external-color-hover); text-decoration-line: var(--link-external-decoration-hover); }
}
@media (hover: hover) {
  .cm-s-obsidian span.cm-formatting-link.cm-url:hover, .cm-s-obsidian span.cm-url:hover { color: var(--link-external-color-hover); text-decoration-line: var(--link-external-decoration-hover); }
}
@media (hover: hover) {
  .cm-s-obsidian span.hmd-link-icon:hover { opacity: 1; }
}
.markdown-source-view.mod-cm6 .is-unresolved { color: var(--link-unresolved-color); opacity: var(--link-unresolved-opacity); filter: var(--link-unresolved-filter); }
@media (hover: hover) {
  .markdown-source-view.mod-cm6 .is-unresolved:hover { opacity: 1; color: var(--link-color-hover); text-decoration-color: var(--link-color-hover); }
}
.markdown-source-view.mod-cm6 .is-unresolved .cm-underline { text-decoration-line: var(--link-decoration); text-decoration-style: var(--link-unresolved-decoration-style); text-decoration-color: var(--link-unresolved-decoration-color); }
.markdown-source-view.mod-cm6 .cm-underline { text-decoration-line: var(--link-decoration); text-decoration-thickness: var(--link-decoration-thickness); }
body.is-mobile .markdown-source-view.mod-cm6 .cm-underline { user-select: text; }
.markdown-source-view.mod-cm6.is-live-preview .cm-hashtag.cm-meta, .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline, .markdown-source-view.mod-cm6 .cm-link .cm-underline, .markdown-source-view.mod-cm6 .cm-url .cm-underline { cursor: var(--cursor-link); }
@media (hover: hover) {
  .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline:hover { text-decoration-line: var(--link-decoration-hover); }
}
.markdown-source-view.mod-cm6 .cm-link .cm-underline, .markdown-source-view.mod-cm6 .cm-url .cm-underline { text-decoration-line: var(--link-external-decoration); }
@media (hover: hover) {
  .markdown-source-view.mod-cm6 .cm-link .cm-underline:hover, .markdown-source-view.mod-cm6 .cm-url .cm-underline:hover { color: var(--link-external-color-hover); text-decoration-line: var(--link-external-decoration-hover); }
}
.inline-block { display: inline-block; vertical-align: middle; }
.hidden-token { display: inline; letter-spacing: -1ch; font-family: monospace; color: transparent; font-size: 1px !important; }
.mod-cm5 .cm-s-obsidian .HyperMD-table-row > :last-child { padding-right: 52px !important; }
@keyframes hmd-file-uploading-ani { 
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.7; }
}
@media (hover: hover) {
  .cm-s-obsidian div.HyperMD-goback-button:hover { color: transparent; text-align: left; }
  .cm-s-obsidian div.HyperMD-goback-button:hover::before { position: absolute; padding-left: 5px; content: "Back"; color: rgb(247, 247, 247); }
}
mjx-container { outline: none; }
.markdown-source-view.mod-cm6 .math-block > mjx-container { margin: 0px; padding: 1em 0px; overflow-x: auto; }
.markdown-rendered table { border-collapse: collapse; margin-block: 1em; }
.markdown-rendered td, .markdown-rendered th { padding: var(--size-2-2) var(--size-4-2); border: var(--table-border-width) solid var(--table-border-color); max-width: var(--table-column-max-width); }
.markdown-rendered td { font-size: var(--table-text-size); color: var(--table-text-color); }
.markdown-rendered th { font-size: var(--table-header-size); font-weight: var(--table-header-weight); color: var(--table-header-color); font-family: var(--table-header-font); text-align: left; line-height: var(--line-height-tight); }
.markdown-rendered th[align="center"] { text-align: center; }
.markdown-rendered th[align="right"] { text-align: right; }
.markdown-rendered thead > tr > th, .markdown-rendered tbody > tr > td { white-space: var(--table-white-space); text-overflow: ellipsis; overflow: hidden; }
.markdown-rendered tbody tr { background-color: var(--table-background); }
@media (hover: hover) {
  .markdown-rendered tbody tr:hover { background-color: var(--table-row-background-hover); }
}
.markdown-rendered tbody tr:nth-child(2n+1) { background-color: var(--table-row-alt-background); }
@media (hover: hover) {
  .markdown-rendered tbody tr:nth-child(2n+1):hover { background-color: var(--table-row-background-hover); }
}
.markdown-rendered tbody tr > td:nth-child(2n+2) { background-color: var(--table-column-alt-background); }
.markdown-rendered tbody tr:last-child > td { border-bottom-width: var(--table-row-last-border-width); }
.markdown-rendered tbody tr > td:first-child { border-left-width: var(--table-column-first-border-width); }
.markdown-rendered tbody tr > td:last-child { border-right-width: var(--table-column-last-border-width); }
.markdown-rendered thead tr { background-color: var(--table-header-background); }
@media (hover: hover) {
  .markdown-rendered thead tr:hover { background-color: var(--table-header-background-hover); }
}
.markdown-rendered thead tr > th { border-top-width: var(--table-header-border-width); border-color: var(--table-header-border-color); }
.markdown-rendered thead tr > th:nth-child(2n+2) { background-color: var(--table-column-alt-background); }
.markdown-rendered thead tr > th:first-child { border-left-width: var(--table-column-first-border-width); }
.markdown-rendered thead tr > th:last-child { border-right-width: var(--table-column-last-border-width); }
.markdown-source-view.mod-cm6 .cm-line.HyperMD-table-row { min-width: max-content; }
.markdown-source-view.mod-cm6 .cm-table-widget table { margin-bottom: 0px; }
a.tag { background-color: var(--tag-background); border: var(--tag-border-width) solid var(--tag-border-color); border-radius: var(--tag-radius); color: var(--tag-color); font-size: var(--tag-size); text-decoration: var(--tag-decoration); padding: var(--tag-padding-y) var(--tag-padding-x); line-height: 1; }
@media (hover: hover) {
  a.tag:hover { background-color: var(--tag-background-hover); border: var(--tag-border-width) solid var(--tag-border-color-hover); color: var(--tag-color-hover); text-decoration: var(--tag-decoration-hover); }
}
a.tag { background-color: var(--tag-background); border: var(--tag-border-width) solid var(--tag-border-color); border-radius: var(--tag-radius); color: var(--tag-color); font-size: var(--tag-size); text-decoration: var(--tag-decoration); padding: var(--tag-padding-y) var(--tag-padding-x); line-height: 1; }
@media (hover: hover) {
  a.tag:hover { background-color: var(--tag-background-hover); border: var(--tag-border-width) solid var(--tag-border-color-hover); color: var(--tag-color-hover); text-decoration: var(--tag-decoration-hover); }
}
input[type="checkbox"] { appearance: none; border-radius: var(--checkbox-radius); border: 1px solid var(--checkbox-border-color); flex-shrink: 0; padding: 0px; margin: 0px 6px 0px 0px; width: var(--checkbox-size); height: var(--checkbox-size); position: relative; transition: box-shadow 0.15s ease-in-out 0s; }
input[type="checkbox"]:hover, input[type="checkbox"]:active, input[type="checkbox"]:focus { outline: 0px; border-color: var(--checkbox-border-color-hover); }
input[type="checkbox"]:focus-visible { box-shadow: 0 0 0 2px var(--background-modifier-border-focus); }
input[type="checkbox"]:checked::after { content: ""; top: -1px; left: -1px; position: absolute; width: var(--checkbox-size); height: var(--checkbox-size); display: block; background-color: var(--checkbox-marker-color); -webkit-mask-position: 52% 52%; -webkit-mask-size: 65%; -webkit-mask-repeat: no-repeat; -webkit-mask-image: url("data:image/svg+xml; utf8, <svg width=\"12px\" height=\"10px\" viewBox=\"0 0 12 8\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate(-4.000000, -6.000000)\" fill=\"%23000000\"><path d=\"M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999\"></path></g></g></svg>"); }
input[type="checkbox"]:checked { background-color: var(--checkbox-color); border-color: var(--checkbox-color); }
@media (hover: hover) {
  input[type="checkbox"]:checked:hover { background-color: var(--checkbox-color-hover); border-color: var(--checkbox-color-hover); }
}
.task-list-item-checkbox { width: var(--checkbox-size); height: var(--checkbox-size); }
.markdown-preview-view .task-list-item-checkbox { position: relative; top: 0.2em; margin-right: 0.6em; }
ul > li.task-list-item { list-style: none; }
ul > li.task-list-item .task-list-item-checkbox { margin-inline-start: calc(var(--checkbox-size) * -1.5); }
ul > li.task-list-item[data-task="x"], ul > li.task-list-item[data-task="X"] { text-decoration: var(--checklist-done-decoration); color: var(--checklist-done-color); }
.markdown-source-view.mod-cm6 .task-list-label { padding: 0px; margin-left: -0.25em; }
.markdown-source-view.mod-cm6 .task-list-item-checkbox { top: -0.1em; vertical-align: middle; margin-left: 2px; }
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] { text-decoration: var(--checklist-done-decoration); color: var(--checklist-done-color); }
b, strong { font-weight: var(--bold-weight); color: var(--bold-color); }
i, em { font-style: italic; color: var(--italic-color); }
.markdown-rendered mark { background-color: var(--text-highlight-bg); color: var(--text-normal); }
.markdown-rendered mark .internal-link { color: var(--text-normal); }
.embedded-backlinks { border-top: 1px solid var(--background-modifier-border); }
.markdown-preview-view .embedded-backlinks { margin-top: 3em; }
.embedded-backlinks .backlink-pane { padding: var(--size-4-3) 0 0 0; }
.embedded-backlinks .backlink-pane .search-empty-state, .embedded-backlinks .backlink-pane .tree-item-self { font-size: max(var(--font-ui-small),var(--font-smaller)); align-items: center; }
.embedded-backlinks .backlink-pane > .tree-item-self { font-size: max(var(--font-ui-small),1em); gap: var(--size-2-3); width: fit-content; }
.embedded-backlinks .backlink-pane .tree-item-flair { font-size: max(var(--font-ui-small),var(--font-smallest)); }
.embedded-backlinks .nav-header { padding: 0px; position: relative; }
.embedded-backlinks .nav-header ~ .search-input-container { width: calc(100% - 150px); margin: var(--size-4-3) 0 0 0; }
.embedded-backlinks .nav-buttons-container { position: absolute; right: 0px; top: 14px; z-index: 1; }
.view-action.mod-bookmark { --icon-color: var(--icon-color-active); --icon-color-hover: var(--icon-color-active); }
.workspace-leaf-content[data-type="bookmarks"] .view-content { padding: var(--size-4-3) var(--size-4-3) var(--size-4-8); }
.modal.mod-bookmark .setting-item-control input { width: 100%; }
.nav-buttons-container.has-separator { border-bottom: 1px solid var(--background-modifier-border); padding-bottom: var(--size-2-3); margin-bottom: var(--size-4-2); }
.nav-files-container { flex-grow: 1; overflow: hidden auto; padding: 0 var(--size-4-3) var(--size-4-6) var(--size-4-3); scroll-padding-block: var(--size-4-2); }
.nav-folder.mod-root > .nav-folder-title { font-size: var(--vault-name-font-size); color: var(--vault-name-color); font-weight: var(--vault-name-font-weight); cursor: default; }
@media (hover: hover) {
  .nav-folder.mod-root > .nav-folder-title:hover { background-color: inherit; font-weight: var(--vault-name-font-weight); }
}
.nav-folder.mod-root > .nav-folder-title.is-being-dragged-over { background-color: hsla(var(--interactive-accent-hsl), 0.2); }
.nav-folder.mod-root > .nav-folder-children { border-left: none; margin-left: 0px; padding-left: 0px; }
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title { border-radius: var(--radius-s); box-shadow: 0 0 0 2px var(--background-modifier-border-focus); }
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title:focus-within, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title:focus-within { box-shadow: 0 0 0 2px var(--interactive-accent); }
.nav-file-tag { background-color: var(--background-modifier-hover); border-radius: var(--radius-s); font-size: 9px; font-weight: var(--font-semibold); letter-spacing: 0.05em; line-height: var(--line-height-normal); margin-left: var(--size-2-3); padding: 0 var(--size-4-1); text-transform: uppercase; align-self: center; }
.nav-file-icon { display: inline-flex; align-items: center; margin-right: var(--size-2-3); position: relative; color: var(--icon-color); opacity: var(--icon-opacity); }
.nav-files-container:not(.show-unsupported) .is-unsupported { display: none; }
.nav-file-title-content, .nav-folder-title-content { display: inline-block; overflow-wrap: anywhere; overflow: hidden; white-space: var(--nav-item-white-space); text-overflow: ellipsis; }
.nav-file-title-content.is-being-renamed, .nav-folder-title-content.is-being-renamed { flex-grow: 1; white-space: normal; cursor: text; }
.nav-files-container { flex-grow: 1; overflow: hidden auto; padding: 0 var(--size-4-3) var(--size-4-6) var(--size-4-3); scroll-padding-block: var(--size-4-2); }
.nav-folder.mod-root > .nav-folder-title { font-size: var(--vault-name-font-size); color: var(--vault-name-color); font-weight: var(--vault-name-font-weight); cursor: default; }
@media (hover: hover) {
  .nav-folder.mod-root > .nav-folder-title:hover { background-color: inherit; font-weight: var(--vault-name-font-weight); }
}
.nav-folder.mod-root > .nav-folder-title.is-being-dragged-over { background-color: hsla(var(--interactive-accent-hsl), 0.2); }
.nav-folder.mod-root .nav-folder > .nav-folder-children { padding-left: var(--nav-item-children-padding-left); margin: 0 0 0 var(--nav-item-children-margin-left); border-left: var(--nav-indentation-guide-width) solid var(--nav-indentation-guide-color); }
.nav-file { border-radius: var(--radius-s); }
.nav-folder-title { padding: var(--nav-item-parent-padding); }
.nav-file-title { padding: var(--nav-item-padding); }
.nav-file-title, .nav-folder-title { margin-bottom: var(--size-2-1); display: flex; border-radius: var(--radius-s); cursor: var(--cursor); color: var(--nav-item-color); font-size: var(--nav-item-size); font-weight: var(--nav-item-weight); line-height: var(--line-height-tight); }
@media (hover: hover) {
  body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover { background-color: var(--nav-item-background-hover); color: var(--nav-item-color-hover); font-weight: var(--nav-item-weight-hover); }
}
body:not(.is-grabbing) .nav-file-title.is-active:hover, body:not(.is-grabbing) .nav-folder-title.is-active:hover, .nav-file-title.is-active, .nav-folder-title.is-active { color: var(--nav-item-color-active); background-color: var(--nav-item-background-active); font-weight: var(--nav-item-weight-active); }
body:not(.is-grabbing) .nav-file-title.is-selected:hover, body:not(.is-grabbing) .nav-folder-title.is-selected:hover, .nav-file-title.is-selected, .nav-folder-title.is-selected { color: var(--nav-item-color-selected); background-color: var(--nav-item-background-selected); }
body:not(.is-grabbing) .nav-file-title.is-being-dragged, body:not(.is-grabbing) .nav-folder-title.is-being-dragged, .nav-file-title.is-being-dragged, .nav-folder-title.is-being-dragged { background-color: var(--interactive-accent); color: var(--text-on-accent); }
body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-folder-collapse-indicator, .nav-file-title.is-being-dragged .nav-folder-collapse-indicator, .nav-folder-title.is-being-dragged .nav-folder-collapse-indicator { color: var(--text-on-accent); }
body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-file-tag, body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-file-tag, .nav-file-title.is-being-dragged .nav-file-tag, .nav-folder-title.is-being-dragged .nav-file-tag { color: var(--text-normal); }
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title { border-radius: var(--radius-s); box-shadow: 0 0 0 2px var(--background-modifier-border-focus); }
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title:focus-within, .workspace-leaf.mod-active .nav-file.has-focus > .nav-file-title:focus-within { box-shadow: 0 0 0 2px var(--interactive-accent); }
.nav-folder-title.is-being-dragged-over { border-radius: var(--radius-s); color: var(--nav-item-color-highlighted); background: hsla(var(--interactive-accent-hsl), 0.1); }
.nav-folder-title.is-being-dragged-over .collapse-icon { color: var(--nav-item-color-highlighted); }
.file-tree-item-checkbox, .file-tree-item-icon { flex-shrink: 0; }
.file-tree-item-title { flex-grow: 1; word-break: break-word; }
.file-tree-item-icon { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); margin-right: var(--size-4-1); color: var(--icon-color); position: relative; top: var(--size-2-1); }
.file-tree .tree-item-inner { display: flex; align-items: center; position: relative; }
.file-tree .tree-item-flair { line-height: 1; padding: var(--size-2-1) var(--size-2-3); color: var(--text-on-accent); }
.file-tree .is-selected { color: var(--text-normal); }
.file-tree .mod-changed.is-selected { background-color: hsla(var(--interactive-accent-hsl), 0.2); }
.file-tree .mod-changed .tree-item-flair { color: var(--text-accent-hover); }
.file-tree .mod-new.is-selected { background-color: rgba(var(--background-modifier-success-rgb), 0.2); }
.file-tree .mod-new .tree-item-flair { color: var(--text-success); }
.file-tree .mod-deleted.is-selected, .file-tree .mod-to-delete.is-selected { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
.file-tree .mod-deleted .tree-item-flair, .file-tree .mod-to-delete .tree-item-flair { color: var(--text-error); }
.file-tree .mod-to-delete .tree-item-flair { display: none; }
.file-tree .mod-to-delete.is-selected .tree-item-flair { display: block; }
.file-tree .clickable-icon { display: flex; --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
.graph-view.color-fill { color: var(--graph-node); }
.graph-view.color-fill-focused { color: var(--graph-node-focused); }
.graph-view.color-fill-tag { color: var(--graph-node-tag); }
.graph-view.color-fill-attachment { color: var(--graph-node-attachment); }
.graph-view.color-fill-unresolved { color: var(--graph-node-unresolved); opacity: 0.5; }
.graph-view.color-fill-1 { color: var(--text-muted); }
.graph-view.color-fill-2 { color: var(--text-muted); }
.graph-view.color-fill-3 { color: var(--text-muted); }
.graph-view.color-fill-4 { color: var(--text-muted); }
.graph-view.color-fill-5 { color: var(--text-muted); }
.graph-view.color-fill-6 { color: var(--text-muted); }
.graph-view.color-arrow { color: var(--text-normal); opacity: 0.5; }
.graph-view.color-circle { color: var(--graph-node-focused); }
.graph-view.color-line { color: var(--graph-line); }
.graph-view.color-text { color: var(--graph-text); }
.graph-view.color-fill-highlight { color: var(--interactive-accent); }
.graph-view.color-line-highlight { color: var(--interactive-accent); }
.graph-controls { border-radius: var(--radius-m); position: absolute; right: var(--size-4-3); top: var(--size-4-3); padding: 0px; background-color: var(--background-primary); width: var(--graph-controls-width); overflow: auto; }
.graph-controls:not(.is-close) { max-height: calc(100% - var(--size-4-4)); border: 1px solid var(--background-modifier-border); box-shadow: var(--shadow-s); }
.graph-controls.is-close { min-width: inherit; width: auto; background-color: var(--background-primary); border: 1px solid transparent; padding: var(--size-2-3); }
.graph-controls.is-close > .graph-control-section { display: none; }
.workspace-split:not(.mod-root) .graph-controls.is-close { background-color: var(--background-secondary); }
.graph-controls input[type="text"], .graph-controls input[type="range"] { width: 100%; font-size: var(--font-ui-small); }
.graph-controls .mod-cta { margin-top: var(--size-2-3); width: 100%; }
.graph-controls .setting-item { padding: var(--size-2-3) 0; border: none; }
.graph-controls .setting-item .setting-item-info { display: flex; align-items: center; }
.graph-controls .setting-item:first-of-type { border-top: none; }
.graph-controls .setting-item.mod-slider { flex-direction: column; }
.graph-controls .setting-item.mod-slider > * { width: 100%; }
.graph-controls .setting-item.mod-slider .setting-item-info { margin-right: 0px; }
.graph-controls .setting-item.mod-slider .setting-item-control { padding-top: var(--size-4-3); }
.graph-controls .setting-item.mod-toggle .setting-item-control { padding-top: 0px; }
.graph-controls .setting-item.mod-search-setting .setting-item-info { margin-right: 0px; }
.graph-controls .setting-item-name { font-size: var(--font-ui-small); }
.graph-controls::-webkit-scrollbar, .graph-controls::-webkit-scrollbar-thumb { display: none; }
.graph-color-group { --swatch-height: 18px; --swatch-width: 18px; position: relative; display: flex; align-items: center; padding: 0px 0px 6px; transition: top 200ms ease-in-out 0s; }
.graph-color-group input[type="color"] { margin: 0px 2px 0px 6px; }
.graph-color-group .clickable-icon { padding: var(--size-2-2); }
.graph-color-button-container { text-align: center; margin-bottom: 10px; }
.graph-color-button-container button { margin: 0px; width: 100%; }
.graph-color-group.drag-ghost { position: fixed; display: flex; max-width: unset; border: none; box-shadow: none; background-color: var(--background-primary-alt); padding: 0px; transition: none 0s ease 0s; pointer-events: none; }
.graph-color-group.drag-ghost input[type="text"] { width: 100%; }
.graph-color-group.drag-ghost input[type="color"] { margin-left: 6px; }
.graph-control-section.mod-color-groups .tree-item-children.is-grabbing .graph-color-groups-container { padding-bottom: 40px; }
.graph-controls-button { display: none; z-index: 1; }
.graph-controls-button.mod-close, .graph-controls-button.mod-reset { position: absolute; top: var(--size-4-2); right: var(--size-4-2); padding: var(--size-2-2); }
.graph-controls:not(.is-close) .graph-controls-button.mod-close, .graph-controls:not(.is-close) .graph-controls-button.mod-reset { display: flex; }
.graph-controls-button.mod-reset { right: 36px; }
.graph-controls.is-close .graph-controls-button.mod-open { display: flex; }
.graph-controls-button.mod-animate { margin-top: var(--size-4-2); }
.graph-controls.is-close .graph-controls-button.mod-animate { display: flex; }
.setting-item.mod-search-setting .setting-item-info { display: none; }
.setting-item.mod-search-setting .setting-item-control .search-input-container { position: relative; flex-grow: 1; margin: 0px; }
.setting-item.mod-search-setting.is-loading .setting-item-control::before { background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite normal none running progress-bar; }
.graph-control-section-header { font-weight: var(--font-semibold); font-size: var(--font-ui-small); color: var(--text-normal); }
.graph-control-section { padding: var(--size-2-3) var(--size-4-3); border-bottom: 1px solid var(--background-modifier-border); }
.graph-control-section:last-child { border-bottom: none; }
.graph-control-section:last-child .tree-item-children { padding-bottom: var(--size-4-4); }
.graph-control-section > .tree-item-self { padding-left: var(--size-4-4); }
.graph-control-section .tree-item-children { margin: 0px; padding: var(--size-4-1) 0; border-left: none; }
.graph-control-section.mod-display .setting-item:not(.mod-slider):last-child .setting-item-info { display: none; }
.workspace-leaf-content[data-type="outline"] .view-content { padding: 0px; }
.outline { padding: var(--size-4-3) var(--size-4-3) var(--size-4-8); }
.modal.mod-publish { height: var(--modal-height); width: var(--modal-width); max-width: var(--modal-max-width-narrow); padding: var(--size-4-4) 0 0 0; position: relative; overflow: hidden; }
.modal.mod-publish .modal-title { padding: 0 var(--size-4-4); }
.modal.mod-publish .modal-content { overflow: auto; padding: 0 var(--size-4-4) var(--size-4-4); margin-bottom: calc(var(--input-height) + var(--size-4-8)); border-top: var(--border-width) solid var(--background-modifier-border); }
.modal.mod-publish .modal-button-container { margin: 0 0 0 calc(var(--size-4-4) * -1); padding: var(--size-4-4); gap: var(--size-4-2); position: absolute; bottom: 0px; background-color: var(--background-primary); border-top: var(--border-width) solid var(--background-modifier-border); width: 100%; }
.publish-section { margin-bottom: var(--size-4-1); }
.publish-change-list { padding: var(--size-4-2) 0 var(--size-4-2) 0; }
.site-list-site-id-setting { margin-top: var(--size-4-4); }
.publish-section-header-text, .publish-section-header-toggle-collapsed-button, .publish-section-header-action { cursor: var(--cursor); }
@media (hover: hover) {
  .publish-section-header-text:hover, .publish-section-header-toggle-collapsed-button:hover, .publish-section-header-action:hover { color: var(--text-accent-hover); }
}
.publish-section-header { border-bottom: 1px solid var(--background-modifier-border); font-size: var(--font-ui-small); line-height: 1.1; color: var(--text-muted); display: flex; padding: var(--size-4-2) 0; align-items: center; }
.publish-section-header-text { flex-grow: 1; font-size: var(--font-ui-medium); color: var(--text-normal); line-height: var(--line-height-tight); font-weight: var(--font-medium); }
.publish-changes-switch-site { margin-left: var(--size-4-2); display: flex; flex-direction: row; flex-grow: 1; font-size: var(--font-ui-small); position: relative; gap: var(--size-2-1); top: 2px; }
.publish-changes-switch-site .clickable-icon { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); padding: var(--size-2-2); }
.upload-progress-container { max-height: 60vh; overflow: auto; }
.upload-progress-container.is-finished { max-height: calc(60vh - 200px); }
.publish-changes-current-site-name { margin-left: var(--size-2-3); text-decoration: underline; }
.publish-changes-info { display: flex; align-items: center; margin-bottom: 20px; }
.publish-changes-info button { margin-right: 0px; margin-left: var(--size-4-2); }
.publish-changes-info .search-input-container { margin: 0px; width: 0px; flex: 1 0 auto; }
.publish-section-header-toggle-collapsed-button { margin-right: var(--size-4-1); color: var(--text-faint); width: 9px; height: 9px; }
.publish-section-header-action { color: var(--text-faint); margin-left: var(--size-4-3); }
.publish-upload-item-title { word-break: break-word; font-size: var(--nav-item-size); line-height: var(--line-height-tight); }
.publish-changes-buttons { text-align: right; padding-bottom: var(--size-4-4); }
.publish-upload-item { position: relative; padding: var(--size-4-1) var(--size-4-2); }
.publish-upload-item .flair { background-color: transparent; text-transform: unset; letter-spacing: normal; font-size: var(--font-ui-smaller); }
.publish-upload-item .list-item-part { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); display: flex; align-items: center; }
.publish-upload-item::before { content: " "; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%; transition: width 150ms ease-in-out 0s; background-color: rgba(var(--background-modifier-success-rgb), 0.2); z-index: 0; border-radius: var(--radius-s); }
.publish-upload-item.mod-failed { color: var(--text-error); }
.publish-upload-item.mod-failed::before { background-color: rgba(var(--background-modifier-error-rgb), 0.2); }
.publish-upload-item.mod-completed { color: var(--text-success); }
.publish-upload-item.mod-completed > * { position: relative; }
.publish-upload-item.mod-completed::before { width: 100%; }
.site-list-container { border-top: 1px solid var(--background-modifier-border); margin-bottom: var(--size-4-4); }
.site-list-container .list-item:last-child { padding-top: var(--size-4-4); }
.site-list-item-name { flex-grow: 1; }
.slug-input { text-transform: lowercase; }
.passwords-container { margin-bottom: var(--size-4-4); }
.password-item { border-radius: var(--radius-s); padding: var(--size-4-2) var(--size-4-4); margin: var(--size-4-1) 0; }
@media (hover: hover) {
  .password-item:hover { background-color: var(--background-primary); }
}
.tree-item.mod-custom-nav.hidden .tree-item-self { color: var(--text-faint); }
.tree-item.mod-custom-nav .tree-item-inner { display: flex; align-items: center; position: relative; }
.tree-list { padding: var(--size-4-4) 0; }
.tree-list-header { border-bottom: 1px solid var(--background-modifier-border); padding: var(--size-4-2) 0; line-height: 1.1; display: flex; align-items: center; justify-content: space-between; }
.tree-list-title { font-size: var(--font-ui-medium); font-weight: var(--font-semibold); }
.tree-list-action { align-items: center; display: flex; color: var(--text-muted); font-size: var(--font-ui-small); }
.search-input-container { position: relative; }
.search-input-container::before { top: calc((var(--input-height) - var(--search-icon-size)) / 2); left: 8px; position: absolute; content: ""; height: var(--search-icon-size); width: var(--search-icon-size); display: block; background-color: var(--search-icon-color); -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'></circle><line x1='21' y1='21' x2='16.65' y2='16.65'></line></svg>"); -webkit-mask-repeat: no-repeat; }
.search-input-container input { display: block; width: 100%; padding-right: 28px; padding-left: 36px; }
.global-search-input-container.search-input-container input { padding-right: 56px; }
.search-input-clear-button { position: absolute; background: transparent; border-radius: 50%; color: var(--search-clear-button-color); cursor: var(--cursor); top: 0px; right: 2px; bottom: 0px; line-height: 0; height: var(--input-height); width: 28px; margin: auto; padding: 0px; text-align: center; display: flex; justify-content: center; align-items: center; transition: color 0.15s ease-in-out 0s; }
.search-input-clear-button::after { content: ""; height: var(--search-clear-button-size); width: var(--search-clear-button-size); display: block; background-color: currentcolor; -webkit-mask-image: url("data:image/svg+xml,<svg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.8705 3.09766L6.00003 5.22718L8.12955 3.09766L8.9024 3.8705L6.77287 6.00003L8.9024 8.12955L8.12955 8.9024L6.00003 6.77287L3.8705 8.9024L3.09766 8.12955L5.22718 6.00003L3.09766 3.8705L3.8705 3.09766Z' fill='currentColor'/></svg>"); -webkit-mask-repeat: no-repeat; }
.search-input-clear-button:hover, .search-input-clear-button:active { color: var(--text-normal); transition: color 0.15s ease-in-out 0s; }
.search-input-suggest-button { position: absolute; left: 0px; top: 0px; color: var(--text-faint); cursor: var(--cursor); padding: var(--size-4-1) var(--size-4-2); opacity: 0; z-index: 10; }
@media (hover: hover) {
  .search-input-suggest-button:hover { color: var(--text-muted); }
}
.backlink-pane, .outgoing-link-pane { overflow-y: auto; padding: var(--size-4-3) var(--size-4-3) var(--size-4-8); flex: 1 0 0px; }
.backlink-pane .search-result-container, .outgoing-link-pane .search-result-container { padding: var(--size-4-1) 1px var(--size-4-4); }
.backlink-pane > .tree-item-self, .outgoing-link-pane > .tree-item-self { color: var(--text-normal); padding-left: var(--size-4-2); }
.backlink-pane > .tree-item-self .tree-item-inner, .outgoing-link-pane > .tree-item-self .tree-item-inner { font-weight: var(--font-medium); }
.backlink-pane > .tree-item-self.is-collapsed, .outgoing-link-pane > .tree-item-self.is-collapsed { color: var(--text-faint); }
@media (hover: hover) {
  .backlink-pane > .tree-item-self.is-collapsed:hover, .outgoing-link-pane > .tree-item-self.is-collapsed:hover { color: var(--text-muted); }
}
.backlink-pane > .tree-item-self .collapse-icon, .outgoing-link-pane > .tree-item-self .collapse-icon { display: none; }
.search-result-container { padding: var(--size-4-3) var(--size-4-3) var(--size-4-4); position: relative; flex: 1 0 0px; }
.search-result-container.mod-global-search { overflow-y: auto; }
.search-result-container::before { content: " "; position: absolute; top: 0px; width: 0px; height: 3px; }
.search-result-container.is-loading::before { background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite normal none running progress-bar; }
.search-suggest-info-text { color: var(--text-muted); margin-left: 4px; }
.search-suggest-icon { padding: 4px; border-radius: var(--radius-s); }
@media (hover: hover) {
  .search-suggest-icon:hover { background-color: var(--background-modifier-hover); }
}
.suggestion-container.mod-search-suggestion { max-width: unset; background-color: var(--background-secondary); border-color: var(--prompt-border-color); }
.suggestion-container.mod-search-suggestion .suggestion { max-height: 600px; padding: var(--size-2-3); background-color: var(--background-secondary); border-radius: var(--radius-m); }
.search-suggest-icon { align-items: center; display: flex; }
.search-suggest-item { padding: var(--size-4-1) var(--size-4-2); border-radius: var(--radius-s); }
.search-suggest-item.suggestion-item { font-size: var(--font-ui-small); }
.search-suggest-item.mod-group { align-items: center; margin: 0px; color: var(--text-muted); padding: 0 0 0 var(--size-4-2); cursor: default; font-weight: var(--font-semibold); font-size: var(--font-ui-smaller); border-radius: 0px; }
.search-suggest-item.mod-group:not(:first-child) { border-top: 1px solid var(--background-modifier-border); margin-top: 6px; padding: 6px 6px 0px 14px; margin-left: -6px; margin-right: -6px; }
.search-suggest-item.mod-group:hover, .search-suggest-item.mod-group.is-selected { background-color: initial; }
@keyframes progress-bar { 
  0% { width: 0px; left: 0px; }
  5% { width: 0px; left: 0px; }
  50% { width: 100%; right: 0px; }
  95% { width: 0px; right: 0px; }
  100% { width: 0px; right: 0px; }
}
.search-empty-state { color: var(--text-faint); font-size: var(--font-ui-small); margin: 0 0 var(--size-4-3); padding-left: var(--size-4-2); }
.search-result { word-break: break-word; }
.search-result:not(.is-collapsed) .search-result-file-title { color: var(--nav-item-color-active); }
.search-result-file-matches { font-size: var(--font-ui-smaller); line-height: var(--line-height-tight); background-color: var(--search-result-background); border-radius: var(--radius-s); overflow: hidden; margin: var(--size-4-1) 0 var(--size-4-2); color: var(--text-muted); box-shadow: 0 0 0 1px var(--background-modifier-border); }
.search-info-more-matches { color: var(--text-faint); }
.search-result-file-match { cursor: var(--cursor); position: relative; padding: var(--size-4-2) var(--size-4-5) var(--size-4-2) var(--size-4-3); white-space: pre-wrap; width: 100%; border-bottom: 1px solid var(--background-modifier-border); }
.search-result-file-match:last-child { border-bottom: none; }
@media (hover: hover) {
  .search-result-file-match:hover { color: var(--text-normal); background-color: var(--text-selection); }
}
.search-result-file-match:hover .search-result-file-match-replace-button { display: block; }
.search-result-file-match-replace-button { display: none; position: absolute; height: auto; bottom: 5px; right: 24px; padding: var(--size-4-1) var(--size-4-2); color: var(--text-muted); font-size: var(--font-ui-smaller); }
@media (hover: hover) {
  .search-result-file-match-replace-button:hover { color: var(--text-normal); }
}
.search-result-hover-button { position: absolute; display: flex; right: 2px; border-radius: var(--radius-s); color: var(--text-faint); padding: 1px 3px; }
@media (hover: hover) {
  .search-result-hover-button:hover { opacity: 1; background-color: var(--background-modifier-hover); }
}
.search-result-hover-button.mod-top { top: 2px; }
.search-result-hover-button.mod-bottom { bottom: 2px; }
.search-result-file-matched-text { color: var(--text-normal); background-color: var(--text-highlight-bg); }
.search-info-container { color: var(--text-muted); padding: var(--size-4-1) var(--size-4-4) var(--size-4-1); font-size: var(--font-ui-smaller); }
.search-info-children { padding-left: 20px; border-left: 1px solid var(--background-modifier-border); margin: 1px 0px; }
.copy-search-result-container { display: flex; flex-direction: column; }
.copy-search-result-textarea { height: 300px; max-height: 20vh; resize: none; }
.copy-search-result-textarea + .setting-item { border-top: none; }
.search-result-file-match-destination-file-container { margin-top: var(--size-2-3); }
.search-result-file-match-destination-file { display: inline-flex; background-color: var(--interactive-normal); border-radius: var(--radius-s); box-shadow: var(--input-shadow); color: var(--text-muted); padding: var(--size-2-2) var(--size-2-3); margin-bottom: var(--size-2-1); }
@media (hover: hover) {
  .search-result-file-match:hover .search-result-file-match-destination-file { background-color: var(--background-secondary); }
  .search-result-file-match:hover .search-result-file-match-destination-file:hover { background-color: var(--interactive-hover); box-shadow: var(--input-shadow-hover); color: var(--text-normal); }
}
.search-result-file-match-destination-file-icon { --icon-size: var(--icon-xs); --icon-stroke: var(--icon-xs-stroke-width); margin-right: var(--size-4-1); display: flex; color: var(--text-faint); }
.search-result-file-match-destination-file-icon .svg-icon { align-self: center; }
.search-result-file-match-destination-file-name { white-space: pre-wrap; word-break: break-all; }
.workspace-leaf.mod-active .search-result.has-focus .tree-item-self, .workspace-leaf.mod-active .search-result-file-match.has-focus { border-radius: var(--radius-s); box-shadow: inset 0 0 0 2px var(--background-modifier-border-focus); }
.search-results-info { color: var(--text-muted); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--background-modifier-border); margin: var(--size-4-1) var(--size-4-2) 0; padding-bottom: var(--size-4-1); white-space: nowrap; }
.search-results-info .dropdown { height: 24px; box-shadow: none; background-color: transparent; font-size: 12px; color: var(--text-muted); text-align-last: right; max-width: 60%; text-overflow: ellipsis; white-space: nowrap; }
@media (hover: hover) {
  .search-results-info .dropdown:hover { color: var(--interactive-accent); }
}
.search-results-info .dropdown option { color: initial; text-align: left; }
.search-results-result-count { font-size: var(--font-ui-smaller); }
.search-row { display: flex; margin: var(--size-4-2); gap: var(--size-4-1); }
.search-params { margin: var(--size-4-1) var(--size-4-4); }
.search-params input[type="text"], .search-params input[type="range"] { width: 100%; font-size: var(--font-ui-small); }
.search-params .mod-cta { margin-top: var(--size-2-3); width: 100%; }
.search-params .setting-item { padding: var(--size-2-3) 0; border: none; }
.search-params .setting-item .setting-item-info { display: flex; align-items: center; }
.search-params .setting-item:first-of-type { border-top: none; }
.search-params .setting-item.mod-slider { flex-direction: column; }
.search-params .setting-item.mod-slider > * { width: 100%; }
.search-params .setting-item.mod-slider .setting-item-info { margin-right: 0px; }
.search-params .setting-item.mod-slider .setting-item-control { padding-top: var(--size-4-3); }
.search-params .setting-item.mod-toggle .setting-item-control { padding-top: 0px; }
.search-params .setting-item.mod-search-setting .setting-item-info { margin-right: 0px; }
.search-params .setting-item-name { font-size: var(--font-ui-small); }
.search-params::-webkit-scrollbar, .search-params::-webkit-scrollbar-thumb { display: none; }
.global-search-input-container { flex-grow: 1; }
.more-options-icon { --icon-size: 10px; background-color: var(--icon-color); border-radius: 50%; color: var(--background-secondary); display: flex; margin-left: var(--size-2-3); opacity: var(--icon-opacity); padding: 0.5px; }
.clickable-icon:hover .more-options-icon { background-color: var(--icon-color-hover); opacity: var(--icon-opacity-hover); }
.slides-container { position: fixed; top: 0px; left: 0px; height: 100vh; width: 100vw; transition: -webkit-transform 0.8s ease 0s; background-color: rgb(25, 25, 25); z-index: var(--layer-slides); border: none; }
.slides-container li .collapse-indicator { display: none; }
.slides-close-btn { display: inline-block; position: absolute; top: var(--size-4-2); right: var(--size-4-2); color: var(--text-faint); cursor: var(--cursor); z-index: 1; }
@media (hover: hover) {
  .slides-close-btn:hover { color: var(--text-muted); }
}
.reveal input[type="checkbox"] { width: 24px; height: 24px; }
.reveal .task-list-item, .reveal .footnote-item { list-style: none; }
.reveal .task-list-item { margin-left: -1.5em; }
.mod-sync-history .modal-content { height: 100%; }
.vault-list-item { margin: 6px 0px; display: flex; }
.vault-list-item.is-connected .vault-list-item-title { color: var(--text-normal); }
.vault-list-item-icon { color: var(--text-muted); position: relative; top: 1px; }
.vault-list-item-title { color: var(--text-muted); user-select: none; }
.vault-list-item-creation-time { color: var(--text-faint); font-size: var(--font-ui-small); }
.sync-status-icon { display: flex; align-items: center; cursor: var(--cursor); }
.sync-status-icon.mod-success { color: var(--text-success); }
.sync-status-icon.mod-working { color: var(--interactive-accent); }
.sync-status-icon.mod-error { color: var(--text-error); }
.sync-history-list-container { display: flex; flex-direction: column; flex-basis: 250px; flex-shrink: 0; border-right: 1px solid var(--background-modifier-border); }
.sync-history-list { overflow: auto; padding: var(--size-4-3); flex-grow: 1; display: flex; flex-direction: column; }
.sync-history-list .search-input-container { width: 100%; }
.sync-history-list-item-container { overflow: auto; flex: 1 1 0px; }
.sync-history-list-item { padding: var(--size-4-2) var(--size-4-3); margin-bottom: var(--size-4-2); cursor: var(--cursor); font-size: var(--font-ui-small); border-radius: var(--radius-s); transition: background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s; }
.sync-history-list-item:last-child { margin-bottom: 0px; }
.sync-history-list-item.is-active, .sync-history-list-item.is-active:hover { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.sync-history-list-item.is-active .u-muted, .sync-history-list-item.is-active:hover .u-muted { color: var(--text-on-accent); opacity: 0.8; }
@media (hover: hover) {
  .sync-history-list-item:hover { background-color: var(--background-modifier-hover); }
}
.sync-history-content-container { background-color: var(--background-primary); padding: 0px; height: auto; display: flex; flex-direction: column; width: 0px; flex: 1 1 auto; }
.sync-history-content-container .modal-button-container { border-top: 1px solid var(--background-modifier-border); margin: 0px; padding: 12px; justify-content: center; }
.sync-history-content-container textarea { resize: none; border: none; box-shadow: none; }
.sync-history-content-container textarea:hover, .sync-history-content-container textarea:active, .sync-history-content-container textarea:focus { border: none; box-shadow: none; }
.sync-history-content-empty { display: none; }
.sync-history-content-container.mod-empty .sync-history-content-empty { display: block; text-align: center; padding: 24px; }
.sync-history-content { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; padding: 0px; }
.sync-history-content .setting-item:first-child { padding: var(--size-4-4) var(--size-4-6) var(--size-4-4); border-bottom: 1px solid var(--background-modifier-border); }
.sync-history-content .setting-item-info { flex-grow: 0; font-weight: var(--bold-weight); }
.sync-history-content .setting-item-control { justify-content: flex-start; }
.sync-history-text, .sync-history-diff { flex: 1 0 auto; padding: var(--size-4-6); }
.sync-history-content-other { flex-grow: 1; padding: var(--size-4-6); text-align: center; }
.sync-history-content-other img { max-width: 100%; }
.sync-history-content-container.mod-empty .sync-history-content, .sync-history-content-container.mod-empty .sync-history-content-buttons { display: none; }
.sync-history-content-buttons { border-top: 1px solid var(--background-modifier-border); margin: 0px; padding: var(--size-4-3); }
.mod-selectable { cursor: var(--cursor); padding: var(--size-4-2) var(--size-4-4); border-radius: var(--radius-m); }
@media (hover: hover) {
  .mod-selectable:hover { background-color: var(--background-modifier-hover); }
}
.sync-history-load-more-button { height: 38px; text-align: center; line-height: 38px; cursor: var(--cursor); color: var(--text-muted); }
@media (hover: hover) {
  .sync-history-load-more-button:hover { color: var(--text-normal); }
}
.modal.mod-sync-log { height: var(--modal-height); width: var(--modal-width); max-width: var(--modal-max-width-narrow); padding: var(--size-4-4) 0 0 0; }
.modal.mod-sync-log .modal-title { padding: 0 var(--size-4-4); }
.modal.mod-sync-log .modal-content { display: flex; flex-direction: column; overflow: hidden; }
.modal.mod-sync-log .modal-button-container { margin: 0px; padding: var(--size-4-4); }
.modal.mod-sync-log .setting-item.mod-toggle { padding: 0 var(--size-4-4) var(--size-4-4); }
.modal.mod-sync-log .sync-log-container { overflow: auto; flex-grow: 1; font-family: var(--font-monospace); font-size: var(--font-ui-smaller); color: var(--text-muted); border-top: 1px solid var(--background-modifier-border); border-bottom: 1px solid var(--background-modifier-border); padding: var(--size-4-4); background-color: var(--background-secondary); }
.modal.mod-sync-log .sync-log-container .list-item { line-height: var(--line-height-normal); margin: 0px; }
.modal.mod-sync-log .sync-log-container .list-item.mod-error { color: var(--text-error); }
.sync-file-tree-container { max-height: calc(90vh - 250px); overflow: auto; }
.sync-exclude-folder { display: flex; margin: var(--size-4-3) 0; }
.sync-exclude-folder > * { align-self: center; display: flex; }
.sync-exclude-folder-name { flex-grow: 1; }
.sync-exclude-folder-remove { visibility: hidden; margin-right: 6px; }
.sync-exclude-folder:hover .sync-exclude-folder-remove { visibility: visible; }
.tag-pane-tag.is-active { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.tag-pane-tag.is-active .tag-pane-tag-count { background-color: var(--background-modifier-hover); color: var(--text-normal); }
@media (hover: hover) {
  .tag-pane-tag.is-active:hover { background-color: var(--interactive-accent); color: var(--text-on-accent); }
}
.tag-container { font-size: var(--font-ui-small); padding: var(--size-4-3) var(--size-4-3) var(--size-4-8); overflow: auto; }
.tree-item-children .tag-pane-tag .tag-pane-tag-parent { display: none; }
.workspace-leaf.mod-active .tree-item.has-focus > .tag-pane-tag { border-radius: var(--radius-s); box-shadow: 0 0 0 2px var(--background-modifier-border-focus); }
.mod-canvas-color-1 { --canvas-color: var(--canvas-color-1); }
.mod-canvas-color-2 { --canvas-color: var(--canvas-color-2); }
.mod-canvas-color-3 { --canvas-color: var(--canvas-color-3); }
.mod-canvas-color-4 { --canvas-color: var(--canvas-color-4); }
.mod-canvas-color-5 { --canvas-color: var(--canvas-color-5); }
.mod-canvas-color-6 { --canvas-color: var(--canvas-color-6); }
.workspace-leaf-content[data-type="canvas"] .view-content { padding: 0px; position: relative; }
body { --canvas-color: 192, 192, 192; }
body.theme-dark { --canvas-color: 126, 126, 126; }
.canvas-wrapper { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; --resizer-size: 20px; --shadow-stationary: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1); --shadow-drag: 0px 2px 10px rgba(0, 0, 0, 0.1); --shadow-border-accent: 0 0 0 2px var(--color-accent); --zoom-multiplier: 1; background-color: var(--canvas-background); overflow: hidden; contain: strict; touch-action: none; user-select: none; }
.canvas-wrapper.is-dragging { cursor: grabbing; }
.canvas-wrapper.is-dragging iframe:not(.is-controlled), .canvas-wrapper.is-dragging webview { pointer-events: none; }
.canvas-wrapper.is-screenshotting { z-index: 999999; }
.canvas-wrapper.is-screenshotting .canvas-card-menu, .canvas-wrapper.is-screenshotting .canvas-controls { display: none !important; }
.canvas-wrapper.is-screenshotting * { pointer-events: none !important; }
.canvas-mover { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; cursor: grab; }
.canvas-mover:active { cursor: grabbing; }
.canvas-background { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; pointer-events: none; }
.canvas-background circle { fill: var(--canvas-dot-pattern); }
.canvas { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; transform-origin: 0px 0px; pointer-events: none; }
.canvas > * { pointer-events: initial; }
.canvas-selection { pointer-events: none; position: absolute; background-color: hsla(var(--color-accent-hsl), 0.1); border: 2px solid var(--color-accent); z-index: -1; }
.canvas-selection.mod-group-selection { border-width: 3px; border-radius: 3px; background-color: hsla(var(--color-accent-hsl), 0.03); border-color: hsla(var(--color-accent-hsl), 0.3); pointer-events: initial; }
.canvas-wrapper:not(.mod-readonly) .canvas-selection.mod-group-selection { cursor: grab; }
.canvas-wrapper:not(.mod-readonly) .canvas-selection.mod-group-selection:active { cursor: grabbing; }
.canvas-selection.mod-node-highlight { border-radius: var(--radius-m); }
.canvas-controls, .canvas-card-menu { display: flex; position: absolute; z-index: var(--layer-cover); font-size: var(--font-ui-medium); }
.canvas-card-menu { background-color: var(--background-primary); border-radius: var(--radius-s); box-shadow: var(--input-shadow); bottom: var(--size-4-4); left: 50%; transform: translateX(-50%); align-items: stretch; }
.is-phone .canvas-card-menu, .mod-toolbar-open .canvas-card-menu { display: none; }
.theme-dark .canvas-card-menu { background-color: var(--background-secondary); }
.canvas-card-menu .canvas-card-menu-divider { width: 1px; background-color: var(--background-modifier-border); }
.canvas-card-menu .canvas-card-menu-button { color: var(--text-muted); height: auto; display: flex; line-height: 1; align-items: center; justify-content: center; padding: var(--size-4-2); --icon-size: var(--icon-xl); --icon-stroke: var(--icon-xl-stroke-width); }
@media (hover: hover) {
  .canvas-card-menu .canvas-card-menu-button:hover { color: var(--color-accent); }
}
.canvas-card-menu .canvas-card-menu-button svg { fill: var(--background-primary); }
.theme-dark .canvas-card-menu .canvas-card-menu-button svg { fill: var(--background-secondary); }
.canvas-card-menu .canvas-card-menu-button.mod-draggable { cursor: grab; }
.canvas-card-menu .canvas-card-menu-button.mod-draggable:active { cursor: grabbing; }
.canvas-card-menu .canvas-card-menu-button.mod-draggable svg { transition: transform 90ms ease-out 0s; }
@media (hover: hover) {
  .canvas-card-menu .canvas-card-menu-button.mod-draggable:hover svg { transform: translateY(-6px); filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 6px 2px); }
}
.canvas-controls { right: var(--size-4-2); top: var(--size-4-2); gap: var(--size-4-2); display: flex; flex-direction: column; }
.canvas-control-group { border-radius: var(--radius-s); background-color: var(--background-primary); border: 1px solid var(--background-modifier-border); box-shadow: var(--input-shadow); display: flex; flex-direction: column; overflow: hidden; }
.canvas-control-item { border-radius: 0px; box-shadow: none; height: auto; display: flex; line-height: 1; font-size: inherit; align-items: center; justify-content: center; cursor: var(--cursor); padding: var(--size-4-2); border-bottom: 1px solid var(--background-modifier-border); color: var(--text-muted); background-color: var(--interactive-normal); --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); }
.canvas-control-item:last-child { border-bottom: none; }
@media (hover: hover) {
  .canvas-control-item:hover { color: var(--text-normal); background-color: var(--interactive-hover); }
}
.canvas-control-item.is-active { color: var(--color-accent); }
.canvas-control-item.is-disabled svg { color: var(--text-faint); }
.canvas-control-item svg { pointer-events: none; }
.canvas-node-container { background-color: var(--background-primary); border-radius: var(--radius-m); border: 2px solid rgb(var(--canvas-color)); contain: strict; display: flex; flex-direction: column; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: var(--shadow-stationary); }
.canvas-wrapper:not(.mod-readonly) .canvas-node:not(.is-editing) .canvas-node-container { cursor: grab; }
.canvas-wrapper:not(.mod-readonly) .canvas-node:not(.is-editing) .canvas-node-container:active { cursor: grabbing; }
.canvas-node-label { position: absolute; left: 0px; top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier)); transform: translate(0, -100%) scale(var(--zoom-multiplier)); transform-origin: left bottom; max-width: calc(100% / var(--zoom-multiplier)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--canvas-card-label-color); --icon-size: 1em; }
body:not(.is-ios) .canvas-wrapper.mod-animating .canvas-node-label { transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.canvas-node-label svg { position: relative; top: 2px; margin-right: var(--size-4-1); }
.canvas-node-label.mod-hover-label { opacity: 0; }
@media (hover: hover) {
  .canvas-node-label:hover { color: var(--text-muted); }
  .canvas-node:hover .canvas-node-label.mod-hover-label { opacity: 1; }
}
@media (hover: none) {
  .canvas-node.is-focused .canvas-node-label.mod-hover-label { opacity: 1; }
}
.canvas-wrapper.mod-zoomed-out .canvas-node-label { display: none; }
.canvas-node-placeholder { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; overflow: hidden; overflow-wrap: anywhere; padding: var(--size-4-6); font-size: 32px; font-weight: var(--font-semibold); }
.canvas-node-placeholder::after { border-radius: var(--radius-s); content: " "; display: block; position: absolute; top: var(--size-4-4); right: var(--size-4-4); bottom: var(--size-4-4); left: var(--size-4-4); background-color: rgba(var(--canvas-color), 0.1); }
.canvas-icon-placeholder { display: flex; width: 40%; height: 40%; }
.canvas-icon-placeholder svg { opacity: 0.3; color: rgb(var(--canvas-color)); width: 100%; height: 100%; }
.canvas-node-interaction-layer { position: absolute; width: 0px; height: 0px; pointer-events: none; }
.canvas-node-interaction-layer > * { pointer-events: initial; }
.canvas-node { --shadow-border-themed-inset: inset 0 0 0 1px rgb(var(--canvas-color)); --shadow-border-themed: 0 0 0 2px rgb(var(--canvas-color)); position: absolute; width: 0px; height: 0px; }
.canvas-node.is-dragging { pointer-events: none; }
.canvas-node.is-dragging .canvas-node-container { box-shadow: var(--shadow-drag); }
.canvas-node.is-selected, .canvas-node.is-focused { touch-action: initial; }
.canvas-node.is-selected .canvas-node-label, .canvas-node.is-focused .canvas-node-label { color: var(--text-muted); }
.canvas-node.is-selected .canvas-node-container, .canvas-node.is-focused .canvas-node-container { border-color: var(--color-accent); box-shadow: var(--shadow-stationary), var(--shadow-border-accent); }
.canvas-node.is-selected.is-dragging .canvas-node-container, .canvas-node.is-focused.is-dragging .canvas-node-container { box-shadow: var(--shadow-drag), var(--shadow-border-accent); }
.canvas-node.is-themed .canvas-node-container { border-color: rgba(var(--canvas-color), 0.7); box-shadow: inset 0 0 0 1px rgba(var(--canvas-color), 0.7), var(--shadow-stationary); }
.canvas-node.is-selected.is-themed .canvas-node-container, .canvas-node.is-focused.is-themed .canvas-node-container { border-color: rgb(var(--canvas-color)); box-shadow: var(--shadow-border-themed-inset), var(--shadow-border-themed); }
.canvas-node.is-selected.is-themed.is-dragging .canvas-node-container, .canvas-node.is-focused.is-themed.is-dragging .canvas-node-container { box-shadow: var(--shadow-border-themed-inset), var(--shadow-border-themed); }
.canvas-node.is-dummy { cursor: grabbing; }
.canvas-node.is-dummy .canvas-node-container { border: 4px solid var(--color-accent); box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px; background-color: hsla(var(--color-accent-hsl), 0.2); }
.canvas-node.is-focused:not(.is-dragging) .canvas-node-content-blocker { display: none; }
.canvas-node-content-blocker { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: var(--layer-cover); }
.canvas-node-group:not(.is-focused):not(.is-selected) { pointer-events: none; }
.canvas-node-group .canvas-node-resizer { pointer-events: initial; }
.canvas-node-group .canvas-node-container { background-color: transparent; }
.canvas-node-group .canvas-node-content { background-color: rgba(var(--canvas-color), 0.07); }
.canvas-group-label { position: absolute; left: 0px; top: calc(-1 * var(--size-4-1) * var(--zoom-multiplier)); transform: translate(0, -100%) scale(var(--zoom-multiplier)); transform-origin: left bottom; max-width: calc(100% / var(--zoom-multiplier)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: initial; font-size: 1.5em; padding: var(--size-4-1) var(--size-4-2); border-radius: var(--radius-s); color: var(--text-muted); background-color: rgba(var(--canvas-color), 0.1); line-height: 1; }
body:not(.is-ios) .canvas-wrapper.mod-animating .canvas-group-label { transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.canvas-wrapper:not(.mod-readonly) .canvas-group-label { cursor: grab; }
.canvas-wrapper:not(.mod-readonly) .canvas-group-label:active { cursor: grabbing; }
.canvas-group-label[contenteditable="true"] { cursor: text; background-color: var(--background-primary); box-shadow: 0 0 0 2px rgb(var(--canvas-color)); color: var(--text-normal); text-overflow: initial; }
.canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]) { background-color: rgb(var(--canvas-color)); }
.canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]).mod-foreground-light { color: var(--text-on-accent); }
.canvas-node-group.is-themed .canvas-group-label:not([contenteditable="true"]).mod-foreground-dark { color: var(--text-on-accent-inverted); }
.canvas-node-content { backface-visibility: hidden; width: 100%; height: 100%; overflow: hidden; position: relative; }
.canvas-node-content.markdown-embed { border: none; padding: 0px; }
.canvas-node-content.markdown-embed .inline-title { cursor: text; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view { padding: 0 var(--size-4-6); display: flex; flex-direction: column; }
.canvas-wrapper:not(.mod-readonly) .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view { user-select: none; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view::before, .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view::after { content: " "; display: block; min-height: min(calc(var(--canvas-node-height) * 0.1 - 3px), var(--size-4-6)); max-height: var(--size-4-4); flex: 1 1 0px; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view > .markdown-preview-sizer { flex: 1 0 0px; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view .callout { mix-blend-mode: normal; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view .markdown-preview-pusher + div > :first-child { margin-top: 0px; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view .mod-header + div > :first-child { margin-top: 0px; }
.canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view .markdown-preview-sizer > div:last-child > :last-child { margin-bottom: 0px; }
.is-focused .canvas-node-content.markdown-embed > .markdown-embed-content > .markdown-preview-view { transform: translateZ(0px); }
.canvas-node.is-themed .canvas-node-content { background-color: rgba(var(--canvas-color), 0.07); }
.canvas-node-content.media-embed { justify-content: center; align-items: center; display: flex; }
.canvas-node-content.media-embed img, .canvas-node-content.media-embed video, .canvas-node-content.media-embed audio { flex-shrink: 0; flex-grow: 1; }
.canvas-node-content.media-embed img:not([width]), .canvas-node-content.media-embed video, .canvas-node-content.media-embed audio { max-width: 100%; }
.canvas-node-resizer { position: absolute; height: calc(var(--resizer-size) * var(--zoom-multiplier)); width: calc(var(--resizer-size) * var(--zoom-multiplier)); }
.is-selected .canvas-node-resizer { pointer-events: none; }
body.is-mobile .canvas-node-resizer { --zoom-multiplier: 1; }
.canvas-wrapper.mod-readonly .canvas-node-resizer { display: none; }
.canvas-node-resizer[data-resize="top"] { left: 0px; right: 0px; width: auto; top: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: ns-resize; }
.canvas-node-resizer[data-resize="bottom"] { left: 0px; right: 0px; width: auto; bottom: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: ns-resize; }
.canvas-node-resizer[data-resize="left"] { top: 0px; bottom: 0px; height: auto; left: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: ew-resize; }
.canvas-node-resizer[data-resize="right"] { top: 0px; bottom: 0px; height: auto; right: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: ew-resize; }
.canvas-node-resizer[data-resize="topright"] { right: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); top: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: nesw-resize; }
.canvas-node-resizer[data-resize="bottomright"] { right: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); bottom: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: nwse-resize; }
.canvas-node-resizer[data-resize="topleft"] { left: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); top: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: nwse-resize; }
.canvas-node-resizer[data-resize="bottomleft"] { left: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); bottom: calc(var(--resizer-size) * var(--zoom-multiplier) * -0.5); cursor: nesw-resize; }
.is-mobile .canvas-node-resizer { pointer-events: none; }
.is-mobile .canvas-wrapper:not(.mod-readonly) .canvas-node-interaction-layer .canvas-node-resizer[data-resize="topright"], .is-mobile .canvas-wrapper:not(.mod-readonly) .canvas-node-interaction-layer .canvas-node-resizer[data-resize="bottomright"], .is-mobile .canvas-wrapper:not(.mod-readonly) .canvas-node-interaction-layer .canvas-node-resizer[data-resize="topleft"], .is-mobile .canvas-wrapper:not(.mod-readonly) .canvas-node-interaction-layer .canvas-node-resizer[data-resize="bottomleft"] { pointer-events: all; width: 20px; height: 20px; display: block; background-color: var(--background-primary); border: 2px solid var(--color-accent); border-radius: 3px; }
.canvas-node-connection-point { width: calc(var(--resizer-size) * var(--zoom-multiplier)); height: calc(var(--resizer-size) * var(--zoom-multiplier)); position: absolute; pointer-events: all; cursor: pointer; }
.canvas-node-connection-point[data-side="top"] { top: 1px; left: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2); }
.canvas-node-connection-point[data-side="right"] { right: 1px; top: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2); }
.canvas-node-connection-point[data-side="bottom"] { bottom: 1px; left: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2); }
.canvas-node-connection-point[data-side="left"] { left: 1px; top: calc(50% - var(--resizer-size) * var(--zoom-multiplier) / 2); }
.canvas-node-connection-point::after { content: " "; background-color: var(--color-accent); border-radius: 50%; border: 3px solid var(--background-modifier-border); box-sizing: border-box; display: block; height: calc(var(--resizer-size) * var(--zoom-multiplier)); opacity: 0; position: relative; width: calc(var(--resizer-size) * var(--zoom-multiplier)); left: 0px; top: 0px; }
.is-mobile .canvas-node-interaction-layer .canvas-node-connection-point::after, .canvas-node-resizer:hover .canvas-node-connection-point::after { opacity: 1; }
.canvas-snaps { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: visible; pointer-events: none; opacity: 0.6; }
.canvas-snaps line { stroke-width: 1px; stroke: var(--color-accent); }
.canvas-snaps circle { fill: var(--color-accent); }
.canvas-edges { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; overflow: visible; pointer-events: none; }
.canvas-edges > * { pointer-events: initial; }
.canvas-edges path.canvas-display-path { pointer-events: none; stroke-width: calc(3px * var(--zoom-multiplier)); stroke: rgb(var(--canvas-color)); fill: none; transition: stroke-width 100ms ease-out 0s; }
.canvas-edges path.canvas-interaction-path { pointer-events: stroke; stroke-width: calc(24px * var(--zoom-multiplier)); stroke-linecap: round; stroke: transparent; fill: none; transition: stroke 100ms ease-out 0s; }
.canvas-wrapper:not(.mod-readonly) .canvas-edges path.canvas-interaction-path { cursor: grab; }
.canvas-wrapper:not(.mod-readonly) .canvas-edges path.canvas-interaction-path:active { cursor: grabbing; }
.canvas-edges polygon.canvas-path-end { pointer-events: none; stroke: rgb(var(--canvas-color)); fill: rgb(var(--canvas-color)); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px; transform-box: fill-box; transform: scale(var(--zoom-multiplier)); transform-origin: center top; }
.canvas-edges g.is-focused path.canvas-display-path, .canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-display-path { stroke-width: calc(5.5px * var(--zoom-multiplier)); }
.canvas-edges g.is-focused path.canvas-interaction-path, .canvas:not(.is-connecting) .canvas-edges g:hover path.canvas-interaction-path { stroke: rgba(var(--canvas-color), 0.1); }
.canvas-path-label-wrapper { position: absolute; width: fit-content; height: fit-content; }
.canvas-path-label { font-size: calc(var(--font-ui-large) * var(--zoom-multiplier)); background-color: var(--background-primary); border-radius: var(--radius-s); padding: calc(var(--size-2-3) * var(--zoom-multiplier)); line-height: var(--line-height-tight); white-space: pre-wrap; transform: translate(-50%, -50%); text-align: center; max-width: calc(17em * var(--zoom-multiplier)); }
.canvas-path-label.is-editing { border-color: rgb(var(--canvas-color)); box-shadow: var(--shadow-stationary), 0 0 0 calc(3px * var(--zoom-multiplier)) rgb(var(--canvas-color)); }
.canvas-menu-container { position: absolute; width: 0px; height: 0px; top: 0px; left: 0px; }
.canvas-menu { position: relative; width: fit-content; height: fit-content; line-height: 1; background-color: var(--background-primary); border: 1px solid var(--background-modifier-border); border-radius: var(--radius-s); box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 10px; display: flex; padding: var(--size-2-1); gap: 1px; }
.canvas-menu .clickable-icon { padding: var(--size-2-3) var(--size-4-2); }
.canvas-submenu { display: flex; position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); padding: var(--size-4-2); border: 1px solid var(--background-modifier-border); background-color: var(--background-primary); border-radius: var(--radius-s); box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 10px; overflow: hidden; gap: 1px; }
.canvas-submenu .clickable-icon { padding: var(--size-2-2) var(--size-2-3); }
.canvas-color-picker-item { cursor: var(--cursor); width: 24px; height: 24px; margin: 2px; border-radius: 12px; border: 2px solid var(--background-primary); background-color: rgb(var(--canvas-color)); }
.canvas-color-picker-item.is-active { box-shadow: 0 0 0 2px rgb(var(--canvas-color)); }
@media (hover: hover) {
  .canvas-color-picker-item:hover { box-shadow: 0 0 0 2px rgb(var(--canvas-color)); }
}
.canvas-color-picker-item input[type="color"] { margin: -4px 0px 0px -2px; --swatch-width: 20px; --swatch-height: 20px; opacity: 0; }
.canvas-color-picker-item.canvas-color-picker-custom:not(.is-active) { background: conic-gradient(var(--color-red), var(--color-yellow), var(--color-green), var(--color-blue), var(--color-purple), var(--color-red)); }
@media (hover: hover) {
  .canvas-color-picker-item.canvas-color-picker-custom:not(.is-active):hover { box-shadow: 0 0 0 2px var(--background-modifier-border-hover); }
}
.canvas-empty-embed-container { align-items: center; display: flex; flex-direction: column; gap: var(--size-4-6); justify-content: center; height: 100%; padding: var(--size-4-3); text-align: center; }
.canvas-empty-embed-action-list { display: flex; flex-direction: column; gap: var(--size-4-3); }
.canvas-empty-embed-action-list button { font-size: var(--font-text-size); padding: var(--size-4-5) var(--size-4-9); }
.canvas-help { display: flex; flex-direction: column; gap: var(--size-4-3); }
.canvas-instruction { display: flex; justify-content: space-between; }
.canvas-instruction-desc { display: flex; gap: var(--size-4-1); }
.canvas-instruction-desc .setting-hotkey { display: inline; align-self: unset; padding: var(--size-4-1); margin: 0px; line-height: 1; }
.canvas-placeholder-message { max-width: 70vw; background: hsla(var(--color-accent-hsl), 0.1); border-radius: var(--radius-m); color: var(--color-accent); font-size: var(--font-ui-large); line-height: var(--line-height-normal); padding: var(--size-4-4) var(--size-4-6); pointer-events: none; position: absolute; text-align: center; transform: translate(-50%, -50%); }
.canvas-minimap { width: 100%; height: 100%; padding: var(--size-4-1); }
.inline-embed > .canvas-minimap { max-height: var(--embed-canvas-max-height); }
.canvas-minimap rect { stroke-width: 5px; stroke: var(--background-modifier-border); fill: var(--background-modifier-border); fill-opacity: 0.65; }
.canvas-minimap rect.is-themed { stroke: rgb(var(--canvas-color)); fill: rgb(var(--canvas-color)); fill-opacity: 0.5; }
.canvas-minimap path { stroke: rgb(192, 192, 192); fill: none; }
.canvas-minimap path.is-themed { stroke: rgb(var(--canvas-color)); }
.canvas-cursor { position: absolute; width: 1px; height: 1px; border: 5px solid var(--color-accent); border-radius: 5px; pointer-events: none; }
.canvas-watermark * { font-family: var(--font-default)  !important; }
.starter.is-hidden-frameless .titlebar { display: block; }
.starter { user-select: none; padding-top: 0px !important; }
.starter .titlebar { background-color: transparent; border: none; }
.starter .titlebar-inner .titlebar-text { display: none; }
.starter-screen { display: flex; flex-direction: column; background-color: var(--background-primary); width: 100%; height: 100%; }
.starter-screen-inner { flex-grow: 1; display: flex; height: calc(100% - 24px); }
.splash { align-items: center; background-color: var(--background-primary); display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; text-align: center; padding: 36px 0px 0px; }
.splash-brand { flex: 0 0 content; padding: 20px 0px; }
.splash-brand-logo-text { margin-top: 20px; color: white; }
.splash-brand-version { color: var(--text-muted); margin-top: 8px; font-size: var(--font-ui-small); }
.help-options-container { flex: 1 0 0px; overflow: auto; width: 100%; max-width: 82%; text-align: left; padding: var(--size-4-6) 0; }
.help-options-container::-webkit-scrollbar { display: none; }
.help-options-container .setting-item-description { max-width: 30em; padding-right: 12px; }
.help-options-container .setting-icon .svg-icon { stroke-width: 1px; --icon-size: 48px; color: var(--text-faint); }
.open-vault-options-container { flex: 1 0 0px; overflow: auto; width: 100%; position: relative; }
.open-vault-options-container::-webkit-scrollbar { display: none; }
.open-vault-options { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 12px 36px; text-align: left; overflow-y: auto; display: flex; flex-direction: column; }
.open-vault-options input[type="text"] { width: 150px; }
.open-vault-options .setting-item-control button { width: 100px; }
.open-vault-options .back-button { display: flex; align-items: center; app-region: no-drag; color: var(--text-muted); user-select: none; cursor: var(--cursor); }
@media (hover: hover) {
  .open-vault-options .back-button:hover { color: var(--text-normal); }
}
.open-vault-options .setting-item-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.open-vault-options.mod-login { justify-content: flex-start; }
.open-vault-options.mod-login input[type="text"] { width: 250px; }
.quick-start-container { margin-bottom: 10px; }
.quick-start-container button { font-size: var(--font-ui-medium); padding: 8px 60px; }
.quick-start-container + .setting-item { border-top: none; }
.open-folder-input[type="text"] { font-size: var(--font-ui-small); width: 200px; height: 28px; }
.browse-folder-button { margin-left: 10px; }
.open-folder-button { margin-top: 14px; padding: 6px 36px; }
.starter .notice { top: 38px; }
.setting-item.mod-change-language { app-region: no-drag; }
.setting-item.mod-change-language .setting-item-info { flex-grow: 0; }
.setting-item.mod-change-language .setting-item-control { flex-grow: 1; justify-content: flex-start; }
.setting-item.mod-change-language select { width: 100%; max-width: 100%; }
.setting-item.mod-change-language .setting-item-name { color: var(--text-faint); position: relative; top: 3px; cursor: var(--cursor); }
@media (hover: hover) {
  .setting-item.mod-change-language .setting-item-name:hover { color: var(--text-muted); }
}
.setting-icon { display: flex; color: var(--text-muted); margin-right: 24px; }
.choose-vault-clickable-area { text-align: center; padding: 40px 60px; border: 5px dashed var(--interactive-accent); border-radius: 10px; cursor: var(--cursor); }
@media (hover: hover) {
  .choose-vault-clickable-area:hover { background-color: hsla(var(--interactive-accent-hsl), 0.4); border: 5px solid hsla(var(--interactive-accent-hsl), 0.4); }
}
.choose-vault-label-welcome { line-height: 46px; color: var(--text-muted); }
.choose-vault-label-choose { font-weight: var(--font-extrabold); font-size: 32px; }
.recent-vaults { background-color: var(--background-secondary); border-right: 1px solid var(--background-modifier-border); padding: var(--size-4-8) 0 0 0; flex-shrink: 0; width: 280px; overflow-y: hidden; height: 100%; }
.recent-vaults-header { height: 30px; line-height: 30px; font-size: 18px; color: var(--text-muted); }
.recent-vaults-list { overflow-y: auto; height: 100%; padding: var(--size-4-2); display: flex; flex-direction: column; }
.recent-vaults-list::after { app-region: drag; display: block; content: " "; width: 100%; height: 100px; flex-grow: 1; }
.recent-vaults-list-item { app-region: no-drag; border-radius: var(--radius-s); margin-bottom: var(--size-4-1); padding: var(--size-4-2) var(--size-4-6) var(--size-4-2) var(--size-4-3); cursor: var(--cursor); position: relative; }
@media (hover: hover) {
  .recent-vaults-list-item:hover { background-color: var(--background-modifier-hover); color: var(--text-on-accent); }
}
.recent-vaults-list-item-name, .recent-vaults-list-item-path { word-break: break-all; }
.recent-vaults-list-item-name { border-radius: 2px; border: 1px solid transparent; }
.recent-vaults-list-item-name[contenteditable] { cursor: text; border-color: var(--interactive-accent); background-color: var(--background-modifier-hover); font-size: 0.9em; padding: 0 var(--size-4-1); }
.recent-vaults-list-item-path { font-size: var(--font-ui-smaller); color: var(--text-muted); line-height: 16px; }
.recent-vaults-list-item-option-button { position: absolute; top: var(--size-4-3); right: var(--size-4-1); color: var(--text-faint); width: 30px; height: 30px; line-height: 36px; text-align: center; transition: background-color 200ms ease-in-out 0s; }
.recent-vaults-list-item-option-button:hover { color: var(--text-normal); }
:root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-left: env(safe-area-inset-left); --safe-area-inset-right: env(safe-area-inset-right); }
.is-mobile { --ribbon-width: 58px; --view-header-height: 50px; --mobile-toolbar-height: 40px; --caret-color: var(--text-accent); --font-ui-smaller: calc(var(--font-text-size) * 0.8); --font-ui-small: calc(var(--font-text-size) * 0.937); --font-ui-medium: var(--font-text-size); --font-ui-large: calc(var(--font-text-size) * 1.2); --icon-s: 18px; --icon-m: 20px; --icon-l: 24px; --icon-l-stroke-width: 1.8px; --icon-opacity: 1; --input-height: 40px; --input-shadow: none; --input-shadow-hover: none; --input-font-weight: var(--font-medium); --input-border-width: 0px; --interactive-normal: var(--background-secondary); --mobile-sidebar-width: 340px; --mobile-sidebar-max-width: 500px; --nav-item-padding: var(--size-2-3) var(--size-4-2) var(--size-2-3) var(--size-4-6); --nav-item-color: var(--text-normal); --search-clear-button-size: 16px; --search-icon-size: 20px; --settings-home-background: var(--background-secondary); --slider-thumb-border-width: 0px; --slider-thumb-height: 24px; --slider-thumb-width: 24px; --slider-thumb-y: -9px; --slider-track-height: 6px; --swatch-shadow: none; --swatch-height: 40px; --swatch-width: 40px; --swatch-radius: 40px; --toggle-width: 48px; --toggle-radius: 26px; --toggle-thumb-radius: 26px; --toggle-thumb-height: 26px; --toggle-thumb-width: 26px; --file-margins: var(--size-4-2) var(--size-4-5); --background-modifier-cover: rgba(0, 0, 0, 0.25); --background-modifier-form-field: var(--background-secondary); --keyboard-background: var(--background-primary); --checkbox-size: 17px; }
.is-mobile.theme-dark { --color-base-00: #000; --color-base-10: #111; --color-base-20: #1e1e1e; --tag-background: hsla(var(--interactive-accent-hsl), 0.2); --modal-background: var(--background-secondary); --search-result-background: var(--background-secondary); --background-modifier-form-field: var(--background-modifier-border); --background-modifier-cover: rgba(0, 0, 0, 0.5); --background-modifier-hover: rgba(var(--mono-rgb-100), 0.15); --settings-home-background: var(--background-primary); }
.is-tablet { --nav-item-padding: var(--size-2-3) var(--size-4-2) var(--size-2-3) var(--size-4-6); --tab-font-size: var(--font-ui-smaller); }
.is-tablet.theme-dark { --titlebar-background: var(--background-primary); --titlebar-background-focused: var(--background-primary); --interactive-normal: var(--background-modifier-border); }
.is-phone { --border-width: 0.5pt; --divider-width: 0.5pt; --tab-outline-width: 0.5pt; --modal-header-height: 44px; --modal-community-sidebar-width: 100%; --nav-item-size: var(--font-ui-medium); }
body.is-mobile { height: 100vh; width: 100vw; caret-color: var(--caret-color); padding-bottom: 50px; }
.is-mobile .markdown-source-view.mod-cm6 .cm-content, .is-mobile .mod-cm6 .cm-line { caret-color: var(--caret-color); }
.is-mobile .markdown-source-view.mod-cm6 .cm-gutters { margin-left: -18px; }
.is-mobile .workspace > .mod-root { padding-left: var(--safe-area-inset-left); }
body.is-mobile { padding: var(--safe-area-inset-top) 0 0 0; text-size-adjust: 100%; }
.is-mobile .workspace-split.mod-left-split, .is-mobile .workspace-split.mod-right-split { display: none; }
.is-mobile .tree-item .tree-item-self { padding-right: var(--size-4-2); }
.is-mobile .input-label { display: block; text-align: left; color: var(--text-muted); margin-bottom: 8px; }
.is-mobile input[type="text"] { display: block; width: 100%; padding: 8px 12px; height: auto; }
.is-mobile .markdown-rendered pre:not(:hover) > button.copy-code-button { display: block; }
.is-mobile .markdown-rendered button.copy-code-button { width: auto; }
.is-mobile .empty-state-action-list { margin-top: 40px; }
.is-mobile .empty-state-action { background-color: var(--background-primary-alt); margin: 12px 0px; padding: 6px 30px; border-radius: var(--button-radius); text-align: center; }
.is-mobile .login-field { width: 100%; margin: 0.5em 0px; }
.is-mobile .login-field input { width: 100%; }
.is-mobile .markdown-rendered .frontmatter-container { margin-top: 20px; }
.is-mobile .markdown-rendered .heading-collapse-indicator { margin-left: -20px; }
.is-mobile .markdown-rendered ul, .is-mobile .markdown-rendered ol { padding-inline-start: 25px; }
.is-mobile .message-container { text-align: center; margin: 8px 0px; }
.is-mobile .search-result-file-match-replace-button { display: block; position: relative; padding: 6px 10px; right: 0px; margin-top: var(--size-4-3); background-color: var(--settings-home-background); }
.is-mobile .suggestion-flair { position: relative; margin-right: 6px; left: 0px; top: 0px; }
.is-mobile .document-search-container { height: auto; margin-left: 0px; margin-right: 0px; padding: 0 var(--size-4-4) var(--size-4-2); border-bottom: var(--border-width) solid var(--background-modifier-border); }
.is-mobile .document-search-container.mod-replace-mode { height: auto; }
.is-mobile .document-search, .is-mobile .document-replace { height: auto; padding: 0px; }
.is-mobile .document-search .document-search-button, .is-mobile .document-replace .document-search-button { height: auto; padding: 6px 0px; background-color: transparent; color: var(--text-accent); }
.is-mobile .document-search input, .is-mobile .document-replace input, .is-mobile .document-search button, .is-mobile .document-replace button { width: auto; flex-grow: 1; }
.is-mobile .document-search .document-search-buttons, .is-mobile .document-replace .document-search-buttons, .is-mobile .document-search .document-replace-buttons, .is-mobile .document-replace .document-replace-buttons { display: flex; flex-grow: 1; }
.is-mobile .document-search .document-search-close-button, .is-mobile .document-replace .document-search-close-button { height: 34px; line-height: 34px; top: 0px; }
.is-tablet .mod-left-split-toggle { display: none; }
.is-tablet button:not(.clickable-icon) { padding: var(--size-4-1) var(--size-4-5); }
.is-phone button { width: 100%; }
.is-phone .vault-list-item-creation-time { display: none; }
.is-phone .vault-list-item { padding: 5px 0px; }
.is-phone .vault-list-item .flair { display: none; }
.is-phone .vault-list-item-title { flex: 1 0 auto; }
.is-phone .vault-list-item-button { margin-right: 0px; }
.suggestion-bg { display: none; }
body.is-phone .suggestion-bg { display: block; }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.mobile-image-viewer { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background-color: var(--background-modifier-cover); display: flex; justify-content: center; overflow: hidden; z-index: var(--layer-modal); }
.mobile-image-viewer img { align-self: center; max-height: 100%; max-width: 100%; }
.mod-tappable { transition: opacity 0.15s ease-in-out 0s; }
.mod-tappable.mod-tap { opacity: 0.5; }
.is-mobile .document-search-container { height: auto; margin-left: 0px; margin-right: 0px; padding: 0 var(--size-4-4) var(--size-4-2); border-bottom: var(--border-width) solid var(--background-modifier-border); }
.is-mobile .document-search-container.mod-replace-mode { height: auto; }
.is-mobile .document-search, .is-mobile .document-replace { height: auto; padding: 0px; }
.is-mobile .document-search .document-search-button, .is-mobile .document-replace .document-search-button { height: auto; padding: 6px 0px; background-color: transparent; color: var(--text-accent); }
.is-mobile .document-search input, .is-mobile .document-replace input, .is-mobile .document-search button, .is-mobile .document-replace button { width: auto; flex-grow: 1; }
.is-mobile .document-search .document-search-buttons, .is-mobile .document-replace .document-search-buttons, .is-mobile .document-search .document-replace-buttons, .is-mobile .document-replace .document-replace-buttons { display: flex; flex-grow: 1; }
.is-mobile .document-search .document-search-close-button, .is-mobile .document-replace .document-search-close-button { height: 34px; line-height: 34px; top: 0px; }
.is-mobile .view-header { border-top: none; height: var(--view-header-height); }
.is-mobile .workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content, .is-mobile .workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content { border-radius: 0px; }
.is-mobile .view-header-title { padding-right: 0px; }
.is-mobile .view-header-title-container { padding-left: 24px; }
.is-mobile .view-header-title-container::after { display: none; }
.is-mobile .view-header-icon { padding: 10px; }
.is-mobile .inline-title { padding-top: 0.25em; }
.is-mobile .horizontal-main-container { position: relative; }
.is-mobile .view-header-title-container { height: 50px; }
.is-mobile .view-actions { padding: var(--size-4-2) 0; gap: var(--size-2-1); }
.is-mobile .view-header-nav-buttons, .is-mobile .view-header .view-action { --icon-color: var(--interactive-accent); --icon-color-hover: var(--interactive-accent); --icon-color-active: var(--interactive-accent-hover); --icon-color-focus: var(--interactive-accent-hover); --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.is-mobile .view-action { margin: auto 0px; width: auto; }
.is-phone .view-header-title-parent, .is-phone .view-header-title { display: block; text-overflow: ellipsis; opacity: 0.7; }
.is-phone .view-header-title-parent:focus-within, .is-phone .view-header-title:focus-within { text-overflow: unset; opacity: 1; }
.is-mobile .hotkey-list-container .setting-item { flex-direction: column; align-items: stretch; }
.is-mobile .hotkey-list-container .setting-item-control { margin-top: 10px; align-items: flex-start; }
.is-mobile .hotkey-list-container .setting-command-hotkeys { flex: 1 0 auto; }
.is-mobile .hotkey-list-container .setting-hotkey { align-self: flex-start; }
.is-tablet .horizontal-tab-nav-item, .is-tablet .vertical-tab-nav-item { padding: var(--size-4-2) var(--size-4-3); }
.is-tablet .modal.mod-settings .vertical-tab-header { max-width: none; }
.is-tablet.theme-dark .community-item, .is-tablet.theme-dark .vertical-tab-content { background-color: var(--background-secondary); }
.is-phone.theme-dark .modal.mod-settings { background-color: var(--background-primary); }
.is-phone.theme-dark .modal.mod-settings .vertical-tab-header { background-color: var(--background-primary); }
.is-phone.theme-dark .modal.mod-settings .vertical-tab-nav-item { background-color: var(--background-secondary); }
.is-phone.theme-dark .modal.mod-settings .vertical-tab-header-title { background-color: var(--background-primary); }
.is-phone .setting-item-heading { margin-top: 1.5em; }
.is-phone .vertical-tab-header-group { margin: 0px auto; width: calc(100% - var(--size-4-8)); }
.is-phone .vertical-tab-header-group-title { padding-bottom: 1em; }
.is-phone .vertical-tab-header-group-title, .is-phone .setting-item-heading .setting-item-name { color: var(--text-normal); font-weight: var(--font-bold); font-size: var(--font-ui-large); }
.is-phone .setting-item { padding: 1em 0px; border-width: var(--border-width) 0 0 0; gap: var(--size-4-1); }
.is-phone .setting-item-name { font-weight: var(--font-medium); }
.is-phone .setting-item-info { min-width: 0px; }
.is-phone .setting-item:not(.mod-toggle):not(.setting-item-heading) { flex-direction: column; align-items: flex-start; }
.is-phone .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control { margin-top: 12px; width: 100%; }
.is-phone .setting-icon { margin-right: 10px; display: inline-flex; vertical-align: middle; }
.is-phone .setting-item-control select, .is-phone .setting-item-control input, .is-phone .setting-item-control button { width: 100%; margin: 0px; }
.is-phone .setting-item-control button { padding: 10px; }
.is-phone .setting-item-control select { max-width: 100%; }
.is-phone .modal.mod-settings { background-color: var(--background-secondary); }
.is-phone .modal.mod-settings .modal-title { border-bottom: var(--border-width) solid var(--background-modifier-border); }
.is-phone .modal.mod-settings .vertical-tabs-container { display: block; overflow-y: auto; }
.is-phone .modal.mod-settings .vertical-tab-header { background-color: var(--background-secondary); border-right: none; flex-grow: 1; height: 100%; min-width: 100%; padding: var(--size-4-4); width: 100%; }
.is-phone .modal.mod-settings .vertical-tab-content { background-color: var(--background-primary); padding: var(--size-4-5) max(var(--size-4-5), var(--safe-area-inset-right)) 100px max(var(--size-4-5), var(--safe-area-inset-left)); }
.is-phone .modal.mod-settings .vertical-tab-header-group-items { border-radius: var(--radius-m); overflow: hidden; }
.is-phone .modal.mod-settings .vertical-tab-nav-item { display: flex; align-items: center; height: 44px; background-color: var(--background-primary); padding: 0 var(--size-4-2) 0 var(--size-4-3); margin: 0px; border-radius: 0px; border-bottom: var(--border-width) solid var(--background-modifier-border); transition: background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s; }
.is-phone .modal.mod-settings .vertical-tab-nav-item.is-active { background-color: var(--interactive-accent); }
.is-phone .modal.mod-settings .vertical-tab-nav-item:last-child { border-bottom: none; }
.is-phone .modal.mod-settings .vertical-tab-nav-item-chevron { display: flex; margin-left: auto; color: var(--text-faint); }
.is-phone .vertical-tab-header-title { font-weight: var(--font-semibold); }
.is-phone .community-modal { width: 100%; margin-bottom: 10px; }
.is-phone .modal.mod-community-theme { min-height: unset; }
.is-phone .community-modal-sidebar { background-color: var(--background-primary); }
.is-phone .community-modal-controls { background-color: transparent; }
.is-phone .community-modal-controls .setting-item { flex: 0 0 auto; padding: 0.25em 0px; }
.is-phone .community-modal-controls .setting-item-control { flex-direction: column; align-items: flex-end; }
.is-phone .community-modal-controls .search-input-container { width: 100%; }
.is-phone .community-modal-search-results { gap: 0px; padding: 0px; }
.is-phone .community-modal-info { padding: var(--size-4-4); }
.is-phone .community-item { border-width: 0 0 var(--border-width) 0; border-radius: 0px; padding: var(--size-4-4); }
.is-phone .community-item-info { padding: 20px; }
.is-phone .community-modal-details { background-color: var(--background-primary); border: none; }
.is-phone .community-modal-readme { padding: 20px 0px; }
.is-phone .community-modal-controls { padding: 0 var(--size-4-4); }
.is-phone .community-modal-search-summary { padding: var(--size-4-1) var(--size-4-1) var(--size-4-4); }
.is-phone .mod-community-theme .community-item { display: grid; grid-template-columns: 1fr 160px; grid-auto-flow: column dense; }
.is-phone .mod-community-theme .community-item .community-item-name { grid-column: 1 / 2; }
.is-phone .mod-community-theme .community-item .community-item-author { grid-column: 1 / 2; }
.is-phone .mod-community-theme .community-item .community-item-badge.mod-update { position: static; grid-row: 4 / auto; }
.is-phone .mod-community-theme .community-item .community-item-downloads { grid-column: 1 / 2; }
.is-phone .mod-community-theme .community-item .community-item-screenshot { grid-row: 1 / span 4; height: 90px; }
.is-phone .mod-community-plugin .community-item { display: grid; grid-template-columns: 3fr 1fr; grid-auto-flow: column dense; }
.is-phone .mod-community-plugin .community-item .community-item-name { grid-column: 1 / 2; }
.is-phone .mod-community-plugin .community-item .community-item-author { grid-column: 1 / 2; }
.is-phone .mod-community-plugin .community-item .community-item-badge.mod-update { position: static; grid-row: 4 / auto; }
.is-phone .mod-community-plugin .community-item .community-item-downloads { grid-column: 2 / 2; text-align: right; color: var(--text-faint); }
.is-phone .mod-community-plugin .community-item .community-item-desc { grid-column: 1 / span 2; }
.is-phone .community-modal-button-container { flex-direction: column; }
.mobile-option-setting-item { font-size: var(--font-ui-medium); display: flex; align-items: center; margin: 8px 0px; gap: var(--size-4-1); transition: transform 1000ms ease-in-out 0s; color: var(--text-muted); }
.mobile-option-setting-item:first-of-type:last-of-type .mobile-option-setting-drag-icon { display: none; }
.mobile-option-setting-item-name { flex: 1 0 0px; color: var(--text-normal); }
.mobile-option-setting-item-option-icon { display: flex; align-items: center; justify-content: center; padding: 4px; cursor: var(--cursor); border-radius: var(--radius-s); }
:not(.is-mobile) .mobile-option-setting-item-option-icon:hover, :not(.is-mobile) .mobile-option-setting-item-option-icon:active { background-color: var(--background-modifier-hover); }
.mobile-option-setting-item-option-icon.mobile-option-setting-drag-icon { cursor: grab; }
.mobile-option-setting-item-option-icon.mobile-option-setting-drag-icon:active { cursor: grabbing; }
.mobile-option-setting-item-remove-icon { color: var(--text-error); display: flex; }
.mobile-option-setting-item-add-icon { color: var(--text-success); display: flex; }
.is-mobile .status-bar { display: none; }
.workspace-drawer { position: fixed; top: 0px; bottom: 0px; display: flex; overflow: hidden; font-size: var(--font-ui-small); min-width: var(--mobile-sidebar-width); max-width: var(--mobile-sidebar-max-width); width: 85vw; z-index: var(--layer-popover); margin: 0px; border-radius: 0px; padding-top: var(--safe-area-inset-top); background-color: var(--background-primary); }
.workspace-drawer .nav-folder.mod-root > .nav-folder-title { display: none; }
.workspace-drawer .nav-header { margin-top: auto; padding-bottom: max(var(--size-4-2), var(--safe-area-inset-bottom)); order: 10; }
.workspace-drawer .nav-header ~ .search-input-container { width: calc(100% - var(--size-4-9)); }
.workspace-drawer .workspace-leaf { background-color: transparent; }
.theme-dark .workspace-drawer { background-color: var(--background-secondary); }
.workspace-drawer.is-pinned { height: 100%; position: relative; max-width: var(--mobile-sidebar-width); z-index: var(--layer-cover); border-radius: 0px; margin: 0px; box-shadow: none; }
.workspace-drawer.mod-left { left: 0px; padding-left: var(--safe-area-inset-left); border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); }
.workspace-drawer.mod-left.is-pinned { border-right: var(--divider-width) solid var(--divider-color); border-radius: 0px; }
body.is-tablet .workspace-drawer.mod-left .workspace-drawer-inner { padding-left: var(--ribbon-width); }
.workspace-drawer.mod-right { right: 0px; padding-right: var(--safe-area-inset-right); border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); }
.workspace-drawer.mod-right.is-pinned { border-left: var(--divider-width) solid var(--divider-color); border-radius: 0px; }
.workspace-drawer.is-collapsed { overflow: hidden; }
.workspace-drawer .nav-buttons-container { padding-left: var(--size-4-3); padding-right: var(--size-4-3); --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); --icon-color: var(--interactive-accent); --icon-color-hover: var(--interactive-accent); --icon-color-active: var(--interactive-accent); --icon-color-focus: var(--interactive-accent-hover); }
.workspace-drawer .nav-buttons-container .nav-action-button { flex-grow: 1; }
.workspace-drawer .workspace-drawer-actions, .workspace-drawer .nav-buttons-container { overflow: auto; flex-wrap: nowrap; }
.workspace-drawer .workspace-drawer-actions::-webkit-scrollbar, .workspace-drawer .nav-buttons-container::-webkit-scrollbar, .workspace-drawer .workspace-drawer-actions::-webkit-scrollbar-thumb, .workspace-drawer .nav-buttons-container::-webkit-scrollbar-thumb { visibility: hidden; }
.workspace-drawer .side-dock-settings { margin-bottom: 0px; }
.workspace-drawer-inner { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; background-color: var(--background-primary); position: relative; transition: width 150ms ease-out 0s; }
.theme-dark .workspace-drawer-inner { background-color: var(--background-secondary); }
.workspace-drawer.is-collapsed .workspace-drawer-inner { padding: 0px; width: 0px; }
.workspace-drawer-backdrop { display: block; position: fixed; z-index: var(--layer-cover); width: 100%; height: 100%; background-color: var(--background-modifier-cover); top: 0px; left: 0px; opacity: 1; transition: opacity 150ms ease-out 0s; }
.workspace-drawer.is-collapsed .workspace-drawer-backdrop { display: none; opacity: 0; }
.workspace-drawer-ribbon { position: absolute; left: 0px; top: 0px; height: 100%; overflow: auto; width: var(--ribbon-width); padding: var(--size-4-1) 0 var(--safe-area-inset-bottom); }
.workspace-drawer-ribbon::-webkit-scrollbar, .workspace-drawer-ribbon::-webkit-scrollbar-thumb { visibility: hidden; width: 0px; }
.workspace-drawer-ribbon .side-dock-actions { padding: var(--size-4-2) 0; }
.workspace-drawer-ribbon .side-dock-actions, .workspace-drawer-ribbon .side-dock-settings { gap: var(--size-4-2); }
.workspace-drawer-ribbon .side-dock-ribbon-action { padding: var(--size-4-2); }
.workspace-drawer-header { padding: var(--size-4-2) var(--size-4-5) 0 var(--size-4-5); display: flex; align-items: flex-start; }
.workspace-drawer.is-pinned .workspace-drawer-header { padding-top: 0px; }
.workspace-drawer-header-left { display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; }
.workspace-drawer-header-name { display: flex; }
.workspace-drawer-header-switcher { display: flex; flex: 0 1 auto; position: relative; }
.workspace-drawer-header-switcher select { opacity: 0; position: absolute; }
.workspace-drawer-header-name-text { text-overflow: ellipsis; overflow: hidden; font-size: var(--font-ui-large); font-weight: var(--font-semibold); }
.workspace-drawer-header-name-chevron { --icon-size: var(--icon-m); --icon-stroke: 2.25px; color: var(--text-faint); display: flex; align-items: center; margin-left: var(--size-2-1); }
.workspace-drawer-header-name-action-icon { color: var(--text-muted); margin-left: var(--size-4-2); display: flex; align-items: center; }
.workspace-drawer-header-info { color: var(--text-muted); margin: var(--size-4-1) 0 var(--size-4-4) 0; font-size: var(--font-ui-small); }
.workspace-drawer-header-icon { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); padding-top: var(--size-2-2); color: var(--interactive-accent); margin-left: var(--size-4-3); }
.workspace-drawer-actions { margin: var(--size-4-4) 0 var(--size-4-3) 0; display: flex; color: var(--text-muted); }
.workspace-drawer-action-item { flex: 0 0 70px; display: flex; flex-direction: column; align-items: center; overflow: hidden; }
.workspace-drawer-action-icon { color: var(--text-faint); }
.workspace-drawer-action-short-name { font-size: var(--font-ui-small); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 80px; }
.workspace-drawer-separator { margin: 0px 0px 12px; }
.workspace-drawer-tab-option-item { display: flex; align-items: center; margin: var(--size-4-5); gap: var(--size-4-2); }
.workspace-drawer-active-tab-icon, .workspace-drawer-tab-option-item-icon { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); color: var(--text-normal); display: flex; }
.workspace-drawer-active-tab-icon:last-child { color: var(--interactive-accent); order: 2; }
.workspace-drawer-active-tab-back-icon { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); display: flex; color: var(--interactive-accent); order: 1; margin-right: var(--size-4-1); }
.workspace-drawer-tab-option-item-title, .workspace-drawer-active-tab-title { color: var(--text-normal); font-weight: var(--font-medium); font-size: var(--font-ui-medium); flex: 1 0 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workspace-drawer-active-tab-header { display: flex; align-items: center; padding: var(--size-4-3) var(--size-4-5) var(--size-4-4); margin: 0px; gap: var(--size-4-2); }
.workspace-drawer-tab-container { overflow: hidden; position: relative; flex: 1 0 0px; }
.workspace-drawer-tab-container > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.workspace-drawer-active-tab-icon.mod-exit-fullscreen { display: none; }
.workspace-drawer-active-tab-container { display: flex; flex-direction: column; }
.theme-dark .workspace-drawer-active-tab-container.is-fullscreen { background-color: var(--background-secondary); }
.workspace-drawer-active-tab-container .workspace-drawer-active-tab-content .nav-files-container { padding-top: var(--size-4-3); }
.workspace-drawer-active-tab-container.is-fullscreen { position: fixed; width: 100%; top: 0px; left: 0px; background-color: var(--background-primary); margin: 0 env(safe-area-inset-right, 20px) 0 env(safe-area-inset-left, 20px); padding: env(safe-area-inset-top, 20px) 0 0; }
.workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-back-icon { display: none; }
.workspace-drawer-active-tab-container.is-fullscreen .workspace-leaf { width: 100%; }
.workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-header { margin: 0 env(safe-area-inset-right, 20px) 0 env(safe-area-inset-left, 20px); padding: var(--size-4-4) var(--size-4-6); }
.workspace-drawer-active-tab-content { flex: 1 0 0px; overflow: auto; display: flex; }
.workspace-drawer-active-tab-content > * { flex: 1 0 0px; width: 100%; height: 100%; }
.workspace-drawer-active-tab-content .view-header { display: none !important; }
.workspace-drawer-active-tab-content .view-content { padding-top: 4px; height: 100%; }
.workspace-drawer-active-tab-content .graph-controls { display: none; }
.workspace-drawer-active-tab-content .outline { font-size: var(--font-ui-medium); }
.is-phone .side-dock-ribbon { display: none; }
.is-phone .workspace-drawer .workspace-drawer-header-icon.mod-pin { display: none; }
.is-phone .mod-root .workspace-split:not(.mod-visible), .is-phone .mod-root .workspace-tabs:not(.mod-visible) { display: none; }
.is-tablet .workspace-drawer .workspace-drawer-header-icon.mod-settings { display: none; }
body.is-tablet .sidebar-toggle-button { padding-left: var(--size-4-2); --icon-color: var(--interactive-accent); --icon-color-hover: var(--interactive-accent); --icon-color-active: var(--interactive-accent-hover); --icon-color-focus: var(--interactive-accent-hover); --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.is-mobile .menu { border: none; max-width: 100%; }
.is-phone .menu { background-color: var(--background-secondary); max-height: 60vh; width: calc(100% - var(--safe-area-inset-left) - var(--safe-area-inset-right)); min-width: unset; position: absolute; padding-bottom: var(--safe-area-inset-bottom); border-radius: var(--radius-l) var(--radius-l) 0 0; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; overflow-y: auto; top: unset !important; }
.is-phone .menu-item { padding: var(--size-4-3) var(--size-4-3); height: unset; line-height: unset; }
.is-mobile .modal { border: none; }
.is-mobile .modal-button-container { display: flex; flex-direction: column; }
.is-mobile .community-modal { width: 100%; margin-bottom: 10px; }
.is-mobile .modal.mod-community-theme { min-height: unset; }
.is-mobile .mod-confirmation .modal-close-button { display: none; }
.is-phone .modal, .is-phone .prompt, .is-phone .suggestion-container { border-radius: 0px; border: none; max-height: 100vh; width: 100vw; max-width: 100vw; min-width: unset; position: absolute; bottom: unset; padding: 0px; left: 0px; right: 0px; }
.is-phone .modal { --modal-top: calc(var(--safe-area-inset-top) + var(--size-4-2)); --modal-bottom: var(--safe-area-inset-bottom); border-radius: var(--radius-m) var(--radius-m) 0 0; margin-top: var(--modal-top); padding: 0 var(--safe-area-inset-right) 0 var(--safe-area-inset-left); top: 0px; bottom: 0px; height: 100%; max-height: calc(100vh - var(--modal-top)); width: 100vw; }
.is-phone .modal .modal-close-button { top: var(--size-4-3); }
.is-phone .modal .modal-title { display: block; font-size: var(--font-ui-medium); margin-bottom: 0px; padding-top: var(--size-4-4); text-align: center; }
.is-phone .modal-sidebar { background-color: var(--background-primary); }
.is-phone .modal-content { display: flex; position: relative; flex-direction: column; margin-top: 0px; overflow: auto; padding: var(--size-4-3); }
.is-phone .modal-button-container { width: 100%; padding: var(--size-4-3); margin-top: 0px; margin-bottom: var(--safe-area-inset-bottom); }
.is-phone .modal.mod-lg { max-height: 100%; }
.is-phone .modal.mod-lg .modal-title { padding-top: calc(env(safe-area-inset-top) + var(--size-4-3)); padding-bottom: var(--size-4-3); }
.is-phone .modal.mod-lg .modal-close-button, .is-phone .modal.mod-sidebar-layout .modal-close-button { top: calc(var(--safe-area-inset-top) + 10px); right: var(--size-4-5); }
.is-phone .modal.mod-sidebar-layout { bottom: 0px; top: 0px; border-radius: 0px; height: 100%; max-height: 100%; margin: 0px; padding: 0 var(--safe-area-inset-right) 0 var(--safe-area-inset-left); width: 100vw; }
.is-phone .modal.mod-sidebar-layout .search-input-container { flex-grow: 1; }
.is-phone .modal.mod-sidebar-layout .modal-title { display: block; padding-top: calc(env(safe-area-inset-top) + var(--size-4-3)); padding-bottom: var(--size-4-3); margin-bottom: 0px; }
.is-phone .modal.mod-sidebar-layout .modal-content > * { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; padding: 0 var(--safe-area-inset-right) 0 var(--safe-area-inset-left); }
.mobile-navbar { background-color: var(--background-primary); padding: 0 max(var(--safe-area-inset-right), var(--size-4-4)) 0 max(var(--safe-area-inset-left), var(--size-4-4)); position: absolute; left: 0px; right: 0px; bottom: 0px; }
body.is-tablet .mobile-navbar { display: none; }
.mobile-navbar-text { font-size: var(--font-ui-small); padding: var(--size-4-1) 0; white-space: nowrap; text-overflow: clip; width: 100%; -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) var(--size-4-4), #000000 var(--size-4-8)); }
.mobile-navbar-actions { --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); --icon-color: var(--interactive-accent); --icon-color-hover: var(--interactive-accent); --icon-color-active: var(--interactive-accent-hover); --icon-color-focus: var(--interactive-accent-hover); display: flex; align-items: center; justify-content: space-between; padding: var(--size-4-2) 0 max(var(--size-4-2), var(--safe-area-inset-bottom)) 0; }
.mobile-navbar-tabs-action { align-items: center; border-radius: var(--clickable-icon-radius); border: 2px solid var(--icon-color); display: flex; font-size: calc(var(--icon-size) * 0.6); font-weight: var(--bold-weight); justify-content: center; height: 20px; width: var(--icon-size); }
.mobile-navbar-action.has-longpress-menu { position: relative; }
.mobile-navbar-action.has-longpress-menu .navbar-action-flair { --icon-size: 12px; --icon-stroke: 3px; color: var(--interactive-accent); position: absolute; left: -6px; top: 0px; height: 100%; align-items: center; display: flex; }
.is-phone .notice-container { padding: 0px; top: max(var(--size-4-1), var(--safe-area-inset-top)); left: 0px; right: 0px; max-width: 96%; margin: 0px auto; }
.is-phone .notice { background-color: var(--interactive-accent); color: var(--text-on-accent); margin: 0 auto var(--size-4-1); text-align: center; border-radius: 30px; max-width: none; box-shadow: none; }
.is-mobile .prompt { border: none; }
.theme-dark.is-mobile .prompt { background-color: var(--background-secondary); }
.theme-dark.is-mobile .prompt input.prompt-input { background-color: var(--background-secondary); }
.is-mobile .prompt-input[type="text"] { padding: var(--size-4-4); }
.is-phone .prompt { position: relative; margin: 0px auto; width: calc(100% - var(--safe-area-inset-left) - var(--safe-area-inset-right)); }
.is-phone .prompt .suggestion-hotkey { display: none; }
.is-phone .prompt { --mobile-height: 100vh; --prompt-bottom: 0px; --prompt-top: calc(var(--safe-area-inset-top) + var(--header-height) + var(--size-4-2)); border-radius: var(--radius-l) var(--radius-l) 0 0; min-width: unset; margin-bottom: var(--prompt-bottom); margin-top: var(--prompt-top); box-shadow: none; top: 0px; height: calc(var(--mobile-height) - var(--prompt-top) - var(--prompt-bottom)); }
.is-phone .prompt-input-container { border-bottom: var(--border-width) solid var(--background-modifier-border); }
.is-phone .prompt-input[type="text"] { border: none; }
.is-phone .prompt-input-cta { --icon-color: var(--interactive-accent); display: flex; align-items: center; padding: 0 var(--size-4-3); flex: 0 1 auto; }
.is-phone .prompt-instructions { display: none; }
.pull-action { position: absolute; background-color: var(--background-secondary); z-index: var(--layer-popover); color: var(--text-muted); font-size: 90%; transition: background-color 150ms ease-in-out 0s; }
.pull-action.mod-activated { background-color: var(--interactive-accent); color: var(--text-on-accent); }
.pull-down-action { top: 0px; left: 0px; right: 0px; width: 96%; max-width: 500px; margin: var(--safe-area-inset-top) auto 0 auto; padding: var(--size-4-3) var(--size-4-4); text-align: center; border-radius: 40px; }
.pull-out-action { top: 50%; padding: var(--size-4-3) var(--size-4-4); border-radius: 40px; margin: 0 var(--size-4-4); }
.mobile-toolbar { app-region: drag; flex: 0 0 auto; width: 100%; overflow-y: hidden; background-color: var(--background-primary); bottom: 0px; z-index: var(--layer-menu); }
.mobile-toolbar-options-container { height: var(--mobile-toolbar-height); display: flex; overflow: auto hidden; width: 100%; padding: 0px 10px; }
.mobile-toolbar-options-container::-webkit-scrollbar { width: 0px !important; height: 0px !important; }
.mobile-toolbar-option { display: flex; font-size: var(--font-ui-medium); color: var(--text-muted); font-family: var(--font-monospace); justify-content: center; align-items: center; min-width: 50px; position: relative; left: 0px; transition: left 200ms ease-in-out 0s; }
.mobile-toolbar-option.mod-ghost { position: absolute; transition: left 250ms ease-in-out 0s; }
.mobile-toolbar-option.mod-ghost::before { content: " "; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border-radius: 6px; background-color: var(--interactive-accent); }
.mobile-toolbar-done-button { position: fixed; margin-top: var(--size-4-2); margin-right: var(--size-4-3); top: env(safe-area-inset-top, 20px); right: env(safe-area-inset-right, 20px); z-index: var(--layer-status-bar); }
.is-mobile .suggestion-item { padding: var(--size-4-2) var(--size-4-3); }
.is-tablet.theme-dark .suggestion-container { background-color: var(--background-secondary); }
.is-phone .suggestion-container { margin: 0px auto; padding-bottom: calc(var(--safe-area-inset-bottom) + var(--mobile-toolbar-height)); width: calc(100% - var(--safe-area-inset-left) - var(--safe-area-inset-right)); border-top: 1px solid var(--background-modifier-border); background-color: var(--background-primary); box-shadow: none; border-radius: 0px; bottom: 0px; overflow: auto; max-height: 35vh; }
.is-phone .suggestion { position: relative; }
.is-phone .suggestion-item.mod-group { border-radius: 0px; }
.is-mobile .modal.mod-publish { background-color: var(--modal-background); border-radius: 0px; height: 100%; margin: 0px; padding-top: var(--safe-area-inset-top); width: 100vw; }
.is-mobile .publish-changes-info-publishing-to { display: none; }
.is-mobile .publish-changes-add-linked-btn { width: auto; }
.is-phone .modal.mod-publish .modal-button-container { background-color: var(--modal-background); position: fixed; }
.is-phone .modal.mod-publish .modal-content { display: unset; }
.is-mobile .sync-history-list { padding: 0px; }
.is-mobile .sync-history-list-item { padding: 12px 16px; }
.is-mobile .sync-history-content-container { display: flex; flex-direction: column; max-width: unset; }
.is-mobile .sync-history-content { flex: 1 1 auto; padding: 10px; border-radius: 0px; border: none; }
.is-phone .sync-log-container { flex: 1 1 auto; }
.is-phone .modal.mod-sync-history .search-input-container { width: 100%; margin-bottom: 0px; }
.mobile-vault-chooser { width: 100%; height: 100%; background-color: var(--background-primary); position: relative; }
.mobile-vault-chooser hr { margin: 12px 0px; border-width: var(--border-width); }
.mobile-vault-chooser-screen { display: flex; flex-direction: column; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.mobile-vault-chooser-header { display: flex; background-color: var(--background-primary); border-bottom: var(--border-width) solid var(--background-modifier-border); color: var(--text-muted); flex: 0 0 50px; font-size: 18px; align-items: center; }
.mobile-vault-chooser-header-icon { display: flex; margin: 0px 6px 0px 10px; }
.mobile-vault-chooser-content { flex: 1 0 0px; padding: 20px; height: 100%; overflow-y: auto; max-width: 800px; width: 100%; margin: 0px auto; }
.mobile-vault-chooser-logo-container { margin: 40px 0px; text-align: center; color: var(--text-muted); }
.mobile-vault-logo-text { margin-top: 10px; margin-bottom: 10px; color: white; }
.mobile-vault-chooser-version { font-size: var(--font-ui-small); color: var(--text-faint); }
.mobile-vault-chooser-empty-state { margin: 20px 0px; font-size: 17px; color: var(--text-muted); }
.mobile-vault-chooser-actions { padding-bottom: 40px; }
.mobile-vault-chooser-action-icon { color: var(--text-muted); display: flex; padding: 10px; margin: -10px 0px; }
.mobile-vault-chooser-action { display: flex; padding: 14px 0px; align-items: center; font-size: 18px; }
.mobile-vault-chooser-action-name { flex: 1 0 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mobile-vault-chooser-action-description { color: var(--text-muted); font-size: 17px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100vw - 110px); white-space: nowrap; }
.mobile-vault-chooser-field-name { color: var(--text-muted); margin: 20px 0px 10px; font-size: 18px; }
input.mobile-vault-chooser-field-input { width: 100%; font-size: var(--font-ui-medium); padding: 8px 12px; height: auto; }
.mobile-vault-chooser-button-container { margin: 20px 0px; }
.mobile-vault-chooser-button-container button { padding: 10px 20px; font-size: var(--font-ui-medium); width: 100%; }
 </style>
			<style>  </style>

			<!-- Theme Styles -->
			<style> /*
--------------------------- --------------------------- --------------------------- 
--------------------------- --------------------------- --------------------------- 
	Mado Miniflow - Obsidian Theme by hydescarf
	https://github.com/hydescarf/Obsidian-Theme-Mado-Miniflow
--------------------------- --------------------------- --------------------------- 
--------------------------- --------------------------- --------------------------- 
*/

body{
	/* --accent-h: 210; */
	/* --accent-s: 93%; */
	/* --accent-l: 62%; */
	--accent-h: 254;
	--accent-s: 80%;
	--accent-l: 68%;
	
	--titlebar-background:var(--background-secondary);
	--titlebar-background-focused:var(--background-secondary);
	
	--background-modifier-hover:var(--color-base-hover);
	
	--bold-weight:var(--font-bold);
	--italic-color:var(--text-muted);
	--code-normal:var(--text-muted);
	--blockquote-color:var(--color-muted);
	
	--background-primary:var(--color-base-00);
	--background-secondary:var(--color-base-20);
	--checklist-done-color:var(--color-base-50);
	
	--icon-m:20px;
	--icon-l:20px;	
	--divider-width:4px;
	--callout-padding:0px;
	--callout-title-padding:11px;
	--callout-content-padding:0 11px 0 27px;
	
	--embed-padding:13px 23px;
	--list-indent:37px;
	
	--header-height:43px;
	--tab-stacked-header-width:53px;
	
	
	/* custom */
	--border:1px solid var(--tab-outline-color);
	--button-radius:4px;
	--panel-radius:8px;
	--window-radius:23px;
	--button-padding-icon:7px;
	--button-padding-long:7px 15px;
	
	--background-fourth:var(--color-base-00-0);
	--background-fifth:var(--color-base-20-0);
	--panel-shadow:0 1px 3px var(--color-base-shadow);
	--panel-shadow-hover:0 3px 5px var(--color-base-shadow-hover);
	--window-shadow:0 0 9px var(--color-base-shadow-hover);
	--window-shadow-left:-4px 0 5px var(--color-base-shadow-hover);
	--window-shadow-right:4px 0 5px var(--color-base-shadow-hover);
	
	--sidebar-size-left:270px;
	--sidebar-size-right:270px;
	
	
	--color-strikethrough:var(--text-faint);
	--italic-color:var(--color-italic);
	--inline-code-color:var(--color-red);
	
	
}
body.is-translucent{
	--background-primary:var(--color-base-00-trans);
	--background-secondary:var(--color-base-20-trans);
	--background-fourth:var(--color-base-00-0-trans);
}
body.toggle-tab-height{
	--header-height:35px;
}


.theme-light,
.is-mobile.theme-light,
.is-tablet.theme-light{
	--color-base-00:hsla(204, 45%, 97%, 1);
	--color-base-10:hsla(210, 37%, 93%, 1);
	
	--color-base-05:hsla(207, 17%, 90%, 1);
	--color-base-20:hsla(210, 45%, 95%, 1);
	
	--color-base-00-trans:hsla(204, 45%, 97%, 0.5); /*for transparency background*/
	--color-base-20-trans:hsla(210, 45%, 95%, 0.5);
	--color-base-00-0:hsla(180, 33%, 99%, 1); /* very white */
	--color-base-20-0:hsla(207, 10%, 90%, 0.1); /* hovered version for above */
	--color-base-shadow:hsla(212, 17%, 80%, 0.2); /* shadow */
	--color-base-00-0-trans:hsla(180, 33%, 99%, 0.5);
	--color-base-shadow-hover:hsla(212, 17%, 80%, 0.3); /* shadow hover*/
	--color-base-hover:var(--color-base-shadow-hover); /* hover*/
	
	--color-base-35:hsla(210, 15%, 73%, 1);
	--color-base-50:hsla(217, 15%, 73%, 1);
	--color-base-70:hsla(218, 19%, 39%, 1);	
	--color-base-100:hsla(0, 0%, 13%, 1); /* text-normal color */
  
	--color-accent-1: hsl(calc(var(--accent-h) - 0), calc(var(--accent-s) - 0%), calc(var(--accent-l) + 10%));
	--color-accent-2: hsl(calc(var(--accent-h) - 0), calc(var(--accent-s) - 0%), calc(var(--accent-l) - 5%));

	--color-red:hsla(365, 85%, 55%, 1);
	--color-muted:var(--color-base-70);
	--color-italic:hsla(215, 43%, 63%, 1);
	
	--color-highlight:var(--text-normal); /* for highlight text color */
}
.theme-dark,
.is-mobile.theme-dark,
.is-tablet.theme-dark{
	--color-base-00:hsla(215, 17%, 19%, 1);
	--color-base-10:hsla(214, 24%, 15%, 1);
	
	--color-base-05:hsla(207, 17%, 10%, 0.5);
	--color-base-20:hsla(214, 24%, 15%, 1);
	
	
	--color-base-00-trans:hsla(215, 17%, 19%, 0.5); /*for transparency background*/
	--color-base-20-trans:hsla(214, 24%, 15%, 0.5);
	--color-base-00-0:hsla(212, 17%, 22%, 0.9); /* very white */
	--color-base-20-0:hsla(207, 10%, 10%, 0.1); /* hovered version for above */
	--color-base-00-0-trans:hsla(212, 17%, 22%, 0.5);
	--color-base-shadow:hsla(207, 10%, 10%, 0.1); /* shadow */
	--color-base-shadow-hover:hsla(212, 17%, 0%, 0.3); /* shadow hover*/
	--color-base-hover:var(--color-base-05); /* hover*/
	
	--color-base-30:hsla(215, 22%, 13%, 1);
	--color-base-35:hsla(210, 15%, 33%, 1);
	--color-base-50:hsla(217, 18%, 50%, 0.7);
	--color-base-70:hsl(218, 17%, 58%);	/* text-muted */
	--color-base-100:hsla(0, 0%, 73%, 1); /* text-normal color */
  
	--color-accent: hsl(calc(var(--accent-h) - 0), calc(var(--accent-s) + 13%), calc(var(--accent-l) + 3%));
	--color-accent-1: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) - 13%), calc(var(--accent-l) - 3%));
	--color-accent-2: hsl(calc(var(--accent-h) - 0), calc(var(--accent-s) + 7%), calc(var(--accent-l) + 2%));

	--color-red:hsla(365, 90%, 65%, 1);
	--color-muted:hsl(218, 17%, 62%);
	--color-italic:hsla(215, 33%, 60%, 1);
	
	--color-highlight:hsla(45, 63%, 63%, 1); /* for highlight text color */
	--text-highlight-bg:hsla(45, 53%, 53%, 1); /* for highlight text underline color */
}
.theme-dark:is(.THT-background,.THT-underline-light){
	--color-highlight:hsla(45, 53%, 13%, 1);
}
.theme-light:is(.THT-underline,.THT-underline-light){
	--color-highlight:var(--color-yellow);
	--text-highlight-bg:hsla(45, 53%, 73%, 1);
}

body.theme-daisy-blue{
	--accent-h: 210;
	--accent-s: 93%;
	--accent-l: 62%;
}
body.theme-red-sky{
	--accent-h: 0;
	--accent-s: 88%;
	--accent-l: 57%;
}
body.theme-red-sky.theme-dark{
	--accent-h: 0;
	--accent-s: 73%;
	--accent-l: 57%;
}
body.theme-violette{
	--accent-h: 254;
	--accent-s: 80%;
	--accent-l: 68%;
}
body.theme-violette.theme-dark{
	--accent-h: 255;
	--accent-s: 73%;
	--accent-l: 68%;
}
body.theme-greenery{
	--accent-h: 125;
	--accent-s: 83%;
	--accent-l: 43%;
}
body.theme-greenery.theme-dark{
	--accent-h: 125;
	--accent-s: 81%;
	--accent-l: 38%;
}
body.theme-yellowish{
	--accent-h: 43;
	--accent-s: 76%;
	--accent-l: 50%;
}
body.theme-yellowish.theme-dark{
	--accent-h: 47;
	--accent-s: 85%;
	--accent-l: 50%;
}
body.theme-orange-jist{
	--accent-h: 23;
	--accent-s: 100%;
	--accent-l: 61%;
}
body.theme-deep-blue{
	--accent-h: 229;
	--accent-s: 83%;
	--accent-l: 53%;
}
body.theme-deep-blue.theme-dark{
	--accent-h: 229;
	--accent-s: 78%;
	--accent-l: 63%;
}
body.theme-tea-teal{
	--accent-h: 195;
	--accent-s: 63%;
	--accent-l: 52%;
}
body.theme-magenta-pink{
	--accent-h: 302;
	--accent-s: 70%;
	--accent-l: 60%;
}
body.theme-grayscale{
	--accent-h: 234;
	--accent-s: 15%;
	--accent-l: 45%;
}
body.theme-grayscale.theme-dark{
	--accent-h: 224;
	--accent-s: 12%;
	--accent-l: 63%;
}

body.toggle-tab-height-stacked{
	--tab-stacked-header-width:33px;
}







/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Mado Layout Basic Styling
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/

body, body.is-translucent{
	background-color:var(--background-secondary);
}

/* Background Wave design */
body:not(.toggle-wave-background):before{
	content:"";
	position:absolute;
    width:100%;
    height:100%;
	
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" xml:space="preserve"><path opacity=".1" d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z"/><path opacity=".2" d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z"/><path opacity=".4" d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z"/></svg>');
	-webkit-mask-size:300% 300px;
	-webkit-mask-position:88.5% -73px;
	-webkit-mask-repeat:no-repeat;
    background-color:var(--color-accent-2);
	transform:rotateZ(180deg);
	opacity:0.5;
}

/* remove padding-top when fullscreen in obsidian-ver titlebar */
body.is-frameless:not(.is-hidden-frameless).is-fullscreen{
	padding-top:0;
}

/* hidden scrollbar */
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-scrollbar) ::-webkit-scrollbar-thumb{
	visibility:hidden;
}
body ::-webkit-scrollbar-thumb:hover:hover{
	visibility:initial;
}

/* Switching overflow:auto to overlay */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container,
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-scrollbar-overlay) :is(.callout-content,.markdown-rendered pre,.markdown-source-view.mod-cm6 .math-block > mjx-container){
	overflow-x:overlay;
}
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-scrollbar-overlay) :is(.cm-scroller,.workspace-leaf-content .view-content,.backlink-pane, .outgoing-link-pane,.item-list,.search-result-container.mod-global-search,.open-vault-options,.recent-vaults-list,.workspace-leaf-content .view-content:not(:has(.canvas-wrapper)) .markdown-preview-view,,.community-modal-info,.prompt-results,.suggestion,.vertical-tab-content,.pdf-scroll-container,.nav-files-container){
	overflow-y:overlay;
}
/* Switching overflow:scroll to overlay */
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-scrollbar-overlay) .CodeMirror-hscrollbar{
	overflow-x:overlay;
}
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-scrollbar-overlay) .CodeMirror-vscrollbar{
	overflow-y:overlay;
}


/* remove backgrounds for wave design background */
.workspace,
.workspace-tabs .workspace-leaf,
.workspace-ribbon,
.workspace-split.mod-root,
.workspace-tab-header-container,
.workspace-split.mod-root .view-content{ /* remove background as parent will be the one to have it instead */
	background:none;
}


/* remove background to adapt translucent mode */
.is-translucent:not(.is-fullscreen) .titlebar,
.is-translucent.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right{
	background:none;
}


/* remove distinguishing-borders on sidebars and headers */
.workspace-ribbon,
.workspace-tab-header-container{
	border:none;
}

/* hide handle visibility when not hovered */
.workspace-leaf-resize-handle{
	border-color:transparent;
}


/* Toggle visibility on Sidebar Tab Icons */
/* and on Left Sidebar (File Explorer) */
/* and on Toggle Sidebar (3 rows) */
/* and on Ribbon Icons  */
/* and on Main Note Tabs */
/* and on Note Title Header Bar */
/* and on Titlebar (Window Frame) */
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-sidebar-buttons) .workspace-split.mod-horizontal:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container-inner,
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-explorer-buttons) .workspace-leaf-content[data-type="file-explorer"] .nav-buttons-container,
body:not(.is-mobile):not(.css-settings-manager) .sidebar-toggle-button:is(.mod-left, .mod-right),
body:not(.is-mobile).toggle-sidebar-toggle-left .sidebar-toggle-button.mod-left,
body:not(.is-mobile).toggle-sidebar-toggle-right .sidebar-toggle-button.mod-right,
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-side-ribbons) :is(.side-dock-actions, .side-dock-settings),
body:not(.is-mobile).toggle-tab-section .workspace-split.mod-vertical.mod-root :is(.workspace-tabs:not(.mod-stacked) .workspace-tab-header, .workspace-tab-header-new-tab, .workspace-tab-header-tab-list),
body.toggle-note-header .workspace-split.mod-vertical.mod-root .view-header,
body:not(.is-mobile):is(:not(.css-settings-manager),.toggle-titlebar-buttons) .titlebar{
	opacity:0;
	transition:opacity 0.15s;
}
body .workspace-split.mod-horizontal:is(.mod-left-split, .mod-right-split) .workspace-tab-header-container:hover .workspace-tab-header-container-inner,
body .workspace-leaf-content[data-type="file-explorer"] .nav-header:hover .nav-buttons-container,
body .workspace-ribbon.side-dock-ribbon.mod-left:hover :is(.sidebar-toggle-button.mod-left, .side-dock-actions,.side-dock-settings),
body .workspace-split.mod-vertical.mod-root .workspace-tab-header-container:hover:hover:hover:hover div,
body .sidebar-toggle-button:is(.mod-left, .mod-right):hover:hover,
body .titlebar:hover:hover,
body .workspace-split.mod-vertical.mod-root .view-header:hover,
body.toggle-note-header .workspace-split.mod-vertical.mod-root .view-header:focus-within,
body.is-grabbing.is-grabbing .app-container:not(.no-transition) .workspace-split .workspace-tabs .workspace-tab-header-container .workspace-tab-header-container-inner,
body.is-grabbing.is-grabbing.is-grabbing.is-grabbing.is-grabbing .app-container:not(.no-transition) .workspace-split .workspace-tabs .workspace-tab-header-container{
	opacity:1;
}




/* remove border-bottom below left-sidebar-toggle button */
.workspace-ribbon.mod-left:before{
	border:none;
}

/* Make spacing to match collapsed left-ribbon-dock */
body:not(.is-mobile) .workspace:not(.is-right-sidedock-open) .workspace-split.mod-vertical.mod-root{
	padding-right:var(--ribbon-width);
}
/* Make spacing for left side to match the right spacing during pop-out window mode */
body:not(.is-mobile).is-popout-window .workspace-split.mod-vertical.mod-root{
	padding-left:var(--ribbon-width);
}
.is-mobilebody, .is-mobile .app-container,
.is-mobile .horizontal-main-container,
.workspace-ribbon.mod-left.is-collapsed{
	background:none;
}


/* Fixed width for left and right sidebar */
:is(.mod-left-split, .mod-right-split) .workspace-leaf-content{
	display:flex;
	flex-direction:column;
	align-self:end;
}
.mod-right-split .workspace-leaf-content{
	align-self:start;
}
body:is(:not(.css-settings-manager),.toggle-sidebar-fixed-left) .mod-left-split .workspace-leaf-content{
	max-width:var(--sidebar-size-left);
}
body:is(:not(.css-settings-manager),.toggle-sidebar-fixed-right) .mod-right-split .workspace-leaf-content{
	max-width:var(--sidebar-size-right);
}


body:is(:not(.css-settings-manager),.toggle-sidebar-right-top) .workspace-split.mod-horizontal.mod-right-split .workspace-tabs.mod-top.mod-top-right-space .workspace-tab-container,
body.toggle-sidebar-left-top .workspace-split.mod-horizontal.mod-left-split .workspace-tabs.mod-top.mod-top-left-space .workspace-tab-container{
	margin-top:37px;
}

.workspace-split.mod-horizontal.mod-left-split{
	padding-right:23px;
}

.workspace-split.mod-horizontal.mod-right-split{
	padding-left:23px;
}



/* Hide Vault Title */
body:is(:not(.css-settings-manager),.toggle-vault-title) .nav-folder-title[data-path="/"]{
	display:none;
}
.nav-folder-title[data-path="/"]{
	margin-bottom:23px;
}







/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Main Note Pane Desgin
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/
.workspace-tab-header-container{
	padding:0;
}
/* Extend margin beneath it */
.workspace-split.mod-vertical.mod-root .workspace-tab-header-container{
	margin:0 0 11px 0;
}
body.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tab-header-container{
	margin:0 0 5px 0;
}

/* Remove top-margin and increase gap in between tabs */
.workspace-split.mod-vertical.mod-root .workspace-tab-header-container-inner{
	margin:0 -5px;
	gap:0;
	padding-top:0;
}

/* Remove tab siblings border-radius design */
.workspace-split.mod-vertical.mod-root .workspace-tab-header:before,
.workspace-split.mod-vertical.mod-root .workspace-tab-header:after,
.workspace .mod-root .workspace-tab-header-inner::after{ /* Remove border-right on tabs that are not active */
	display:none;
}
body.is-translucent .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .workspace-leaf{
	background:var(--background-primary)!important;
}





/* Tab design */
.workspace-split.mod-vertical.mod-root .workspace-tab-header{
	padding:0;
	box-shadow:none;
	margin-top:0;
	background:none;
	padding:5px 3px;
}
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner{
	padding:29px 11px 20px;
	border-radius:6px;
	border:1px solid transparent;
	box-shadow:none;
	margin-top:-13px;
	/* background:var(--background-secondary); */
}
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner{
	background:var(--background-primary);
	border:var(--border);
	box-shadow:var(--panel-shadow);
}
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner{
	background:var(--background-modifier-hover);
}


/* Remove small space on the tab header, as its 100% is based on parent's width+padding-right when right sidebar is collapsed */
body:not(.is-mobile):not(.is-fullscreen) .workspace:not(.is-right-sidedock-open) .mod-top-right-space .workspace-tab-header-container{
	padding-right:calc(var(--frame-right-space) - var(--ribbon-width));
}
body:not(.is-mobile):not(.is-fullscreen) .workspace:not(.is-right-sidedock-open) .workspace-tabs.mod-top-right-space .workspace-tab-header-container:after{
	width:calc(var(--frame-right-space) - var(--ribbon-width));
}
body:not(.is-mobile).is-fullscreen .workspace:not(.is-right-sidedock-open) .mod-top-right-space .workspace-tab-header-container{
	margin-right:calc(1px - var(--ribbon-width) + 4px);
}

/* remove margin-top of tab headers that block the possibilities to implement pseudo-clickable area */
.mod-left-split .workspace-tab-header-container-inner,
.mod-right-split .workspace-tab-header-container-inner{
	margin-top:0;
	padding:0;
	gap:0;
}


/* Prevent sticking-to-top design during obsidian window frame mode */
/* 2nd rows are for independent tabs that are not stick to the top */
/* 3rd row pseudo-clickable area during different tab design */
body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen) .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container,
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
body.toggle-tab-design .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-container{
	height:auto;
	margin-bottom:5px;
}
body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen) .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header,
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header,
body.toggle-tab-design .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header{
	padding-block:5px;
}
body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen) .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-inner,
.workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-inner,
body.toggle-tab-design .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-inner{
	padding:4px 11px;
	margin-top:2px;
}




/* when header tabs are switched to compact size */
body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen).toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-inner,
body.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-inner,
body.toggle-tab-design.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-inner{
	padding:1px 11px;
}
body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen).toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-inner,
body.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-inner,
body.toggle-tab-design.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-inner{
	padding:1px 11px;
}
body.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tabs .workspace-tab-header-inner{
	padding:23px 11px 17px;
}
body.toggle-tab-height .workspace-split svg.svg-icon{
	--icon-size:var(--icon-s);
}
body.toggle-tab-height .workspace-split.mod-vertical.mod-root .workspace-tab-header svg.svg-icon{
	--icon-size:var(--icon-xs);
}
body.toggle-tab-height .workspace-split.workspace-horizontal:is(.mod-left-split,.mod-right-split) .sidebar-toggle-button,
body.toggle-tab-height .workspace-ribbon .sidebar-toggle-button{
	height:var(--header-height);
	--icon-size:var(--icon-s);
}


/* match vertical align for alternative tab design and compact mode */
body.is-frameless:not(.is-hidden-frameless):not(.is-fullscreen) .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-top .workspace-tab-header-container :is(.workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .sidebar-toggle-button) .clickable-icon,
body.toggle-tab-design .workspace-split.mod-vertical.mod-root .workspace-tab-header-container :is(.workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .sidebar-toggle-button) .clickable-icon,
body:not(.toggle-tab-design) .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-top) .workspace-tab-header-container :is(.workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .sidebar-toggle-button) .clickable-icon{
	margin-top:4px;
}
body.toggle-tab-design:not(.toggle-tag-height) .workspace-split.mod-vertical.mod-root .workspace-tab-header-container :is(.workspace-tab-header-new-tab, .workspace-tab-header-tab-list, .sidebar-toggle-button) .clickable-icon:before{
	height:calc(var(--ribbon-width) + 6px);
	margin-top:-6px;
}






/* Main Note Headers spacing */
.workspace-split.mod-vertical.mod-root .view-header{
	margin-block:7px;
	background:none;
}
/* remove title fading element */
.view-header-title-container:not(.mod-at-end):after{
	display:none;
}
/* increase Main Note Headers icon size */
.workspace-split.mod-vertical.mod-root .view-header svg{
	--icon-size:var(--icon-l);
}
/* increase Main Note Headers breadcrumb button size */
.view-header-title-parent .view-header-breadcrumb{
	padding:3px 7px;
}


/* Stacked Mode styling */

body .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container>.workspace-tab-header-new-tab{
	order:1;
	margin-right:var(--size-4-1);
}
body .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container>.workspace-tab-header-tab-list{
	order:2;
}
body .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header-container>.sidebar-toggle-button.mod-right{
	order:3;
}


/* overflow for visible shadow, though not working nicely */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container{
	/* overflow: visible; */
}
.workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header{
	margin:0;
	padding-top:7px;
	border-top-left-radius:var(--window-radius);
	/* border-bottom-left-radius:var(--window-radius); */
	box-shadow:none;
	border-top:1px solid var(--color-accent-1);
	border-left:1px solid var(--color-accent-1);
	border-right:none;
	border-bottom:none;
	/* box-shadow:var(--window-shadow-left); */
}
body.toggle-note-radius .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header{
	border-bottom-left-radius:var(--window-radius);
}
.workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked .workspace-tab-header+.workspace-leaf{
	border-top-left-radius:0;
	/* border-bottom-right-radius:var(--window-radius); */
	border-top:var(--border);
	border-image:linear-gradient(90deg, var(--color-accent-1) 0, var(--tab-outline-color) 60%, transparent 90%) 1;
	/* box-shadow:var(--window-shadow-right); */
	box-shadow:none;
	border-bottom-left-radius:0;
}
/* Disable transparency on main note during translucent mode due to unreadable issue */
body.is-translucent .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked :is(.workspace-leaf, .workspace-tab-header){
	transition:background 0.2s;
	background:var(--background-primary)!important;
}
body.is-translucent .workspace-split.mod-vertical.mod-root .workspace-tabs.mod-stacked :is(.workspace-tab-header.is-active+.workspace-leaf, .workspace-tab-header.is-active){
	background:var(--color-base-00)!important;
}



/* Border radius on Pane design, however, not adjusted for multiple panes */
body:not(.is-mobile) .workspace-split.mod-vertical.mod-root .workspace-leaf{
	border-radius:var(--window-radius);
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	box-shadow:var(--window-shadow);
}
body:not(.is-mobile).toggle-note-radius .workspace-split.mod-vertical.mod-root{
	padding-bottom:23px;
}
body:not(.is-mobile).toggle-note-radius .workspace-split.mod-vertical.mod-root .workspace-leaf{
	border-radius:var(--window-radius);
}


/* Overflow to allow shadow flowing out */
body:not(.is-mobile) .workspace-tabs,
body:not(.is-mobile) .workspace-tabs .workspace-tab-container{
    overflow:visible;
}

/* Minimum padding to push down cut-off scrollbars when show-tab-title-bar is disabled */
body:not(.show-view-header) .workspace-split.mod-vertical.mod-root .workspace-leaf{
	padding-top:23px;
	background-color:var(--background-primary);
}
body.is-mobile .workspace-split.mod-vertical.mod-root .workspace-leaf{
	padding-top:0;
}

/* Adjust mobile header position */
body.is-phone .view-header, .show-view-header .view-header{
	align-items:center;
}
.is-mobile .view-actions{
	margin-right:-3px;
}

/* Gap inbetween panes */
.workspace-split.mod-vertical.mod-root,
.workspace-split.mod-vertical.mod-root .workspace-split:not(.mod-horizontal){
	gap:23px;
}

/* Main Note padding space, only in middle pane, not sidebars*/
.workspace-split.mod-vertical.mod-root .markdown-preview-view{
	padding-inline:53px;
}
.workspace-split.mod-vertical.mod-root .markdown-source-view .cm-content{
	padding-inline:13px;
}





/* Context menu styling */
.menu{
	padding:0;
}
.menu-item{
	padding:var(--button-padding-long);
}
body.is-translucent .menu{
	background:var(--color-base-00);
}



/* Hide status bar */
body:is(:not(.css-settings-manager),.toggle-status-bar) .status-bar{
	bottom:-50px;
}
/* Show Sync Button Only */
body.toggle-sync-button.toggle-status-bar .status-bar-item.plugin-sync{
	bottom:54px;
	right:5px;
	position:absolute;
	padding:var(--button-padding-icon);
}
body.toggle-sync-button.toggle-status-bar .status-bar-item.plugin-sync:hover{
	filter:brightness(0.8);
}
body.toggle-sync-button.toggle-status-bar .status-bar-item .svg-icon{
	--icon-size:var(--icon-l);
}


/* Adjust button spacing on search result items */
.search-result-hover-button{
	padding-block:0;
}
.search-result-hover-button.mod-top {
	top:0;
}
.search-result-hover-button.mod-bottom {
	bottom:0;
}





/* Setting Modal */
.vertical-tab-header{
	padding-inline:0;
}
.vertical-tab-header-group-title{
	color:var(--color-accent-2);
}
.vertical-tab-header-group{
	padding-inline:var(--size-4-3);
}
.vertical-tab-header-group:not(:last-child){
	border-bottom:var(--border);
	margin-bottom:23px;
}
body.is-translucent .modal{
	background:var(--color-base-00);
}







/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Animation
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/


.modal{
	border-radius:var(--window-radius);
	animation:0.2s popup forwards;
}
@keyframes popup{
	0% { transform:scale(70%); opacity:0; }
	15% { transform:scale(80%); opacity:0.1; }
	35% { transform:scale(102%);  }
	45% { opacity:0.3; }
	65% { opacity:0.7; }
	100% { transform:scale(100%); opacity:1; }
}

body:is(:not(.css-settings-manager), .toggle-note-animation) .workspace-split.mod-vertical.mod-root .workspace-tabs:not(.mod-stacked)  .view-content{
	animation:0.2s slide-up forwards;
}
@keyframes slide-up{
	0% { transform:translateY(0%); opacity:0; }
	15% { transform:translateY(5px); opacity:0; }
	25% { transform:translateY(10px); }
	45% { opacity:0.5; }
	65% { opacity:0.7; }
	100% { transform:translateY(0%); opacity:1; }
}

:is(.nav-folder, .nav-file) :is(.nav-folder-title, .nav-file-title).is-active svg{
	animation:0.3s bounceback;
}
@keyframes bounceback{
	0% { transform:translateY(0%); }
	60% { transform:translateY(10%); }
	100% { transform:translateY(0%); }
}





/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Icon Button Style
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/

/* tab close button */
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button{
	padding:var(--button-padding-icon);
	right:unset;
	margin-right:-4px;
}
/* remove margin during stacked mode */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header-inner-close-button{
	margin-right:0;
}

/* easier hover adaption color */
:is(.workspace-tab-header-status-icon, .workspace-tab-header-inner-close-button, .clickable-icon):hover{
	background-color:var(--background-modifier-hover);
	filter:brightness(0.8);
}

:is(*, .workspace-tab-header-tab-list, .workspace-tab-header-new-tab) .clickable-icon, /*all clickable icon button */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon, /* icon in stacked tab mode*/
.workspace-tab-header-inner-icon{ /* Sidebar header icons, though the original padding overrides a bit */
	padding:var(--button-padding-icon);
}

/* Adjust icon size during stacked */
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon{
	--icon-size:var(--icon-s);
}

 /* Setting close button */
body:not(.native-scrollbars) .modal-close-button{
	right:7px;
	top:7px;
	height:32px;
	width:34px;
}
.modal-close-button:before{
	position:absolute;
	top:5px;
	left:9px;
}


/* undo original style to adapt consistency on header position */
.sidebar-toggle-button{
	height:unset;
	justify-content:unset;
	padding:unset;
	--icon-size:unset;
	--icon-stroke:unset;
	align-items:center;
	padding-block:4.5px;
}
.workspace-tab-header-new-tab,
.workspace-tab-header-tab-list{
	padding-block:4.5px;
}





/* background space to be hovered/clicked, a.k.a. "fake" empty space / pseudo-clickable area */
/* maintains the position of hovered whitespace design while still being able to click a little outside of the proposed size. */
:is(.workspace-tab-header-status-icon, .clickable-icon):before{
	position:absolute;
	content:"";
	height:var(--ribbon-width);
	width:var(--ribbon-width);
}


/* extend setting clickable area to the bottom */
.side-dock-settings .clickable-icon.side-dock-ribbon-action:last-child:before{
	height:calc(var(--ribbon-width) + 8px);
	margin-bottom:-5px;
}

/* remove side padding and add pseudo space on header-parent, then remove parent's is-active background and re-enable child's background */
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header-inner{
	padding:0;
}
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header{
	padding:5px 3px;
}
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header:first-child{
	padding-left:5px;
}
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header:last-child,
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .sidebar-toggle-button.mod-right{
	padding-right:5px;
}
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header.is-active{
	background:transparent;
}
.workspace-split.mod-horizontal:is(.mod-left-split,.mod-right-split) .workspace-tab-header.is-active .workspace-tab-header-inner{
	background-color:var(--background-modifier-hover);
}








/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Long Button Style
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/

:is(.nav-folder, .nav-file) :is(.nav-folder-title, .nav-file-title),
.vertical-tab-nav-item,
.tree-item-self,
button{
	padding:var(--button-padding-long);
	transition:0.05s ease-in;
	transition-property:background, color;
	position:relative;
}

/* Left-border style on long button, just for file-explorer */
.nav-file-title:before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	width:3px;
	height:0;
	border-radius:var(--button-radius);
	background:var(--color-accent);
	transform:translateY(0%);
	transition:0.25s cubic-bezier(1,0.33,0.76,1.22);
	transition-property:height, transform;
}
.nav-file-title.is-active::before{
	height:70%;
	transform:translateY(-50%);
}

/* Folder styling, just for file-explorer */
.nav-folder-title{
	color:var(--color-accent-2);
	font-size:0.95em;
	font-weight:500;
}
body:is(:not(.css-settings-manager),.toggle-explorer-collapse) .nav-folder-title .nav-folder-collapse-indicator.collapse-icon{
	display:none;
}
body:not(.is-grabbing) .nav-folder-title:hover{
	color:var(--color-accent-2);
	font-weight:500;
}
/* Additional padding inside folder, also remove border-left as indentation-guide */
.nav-folder.mod-root .nav-folder > .nav-folder-children{
	padding-block:7px;
	padding-left:13px;
	margin-left:20px;
}
body:is(:not(.css-settings-manager),.toggle-explorer-indent) .nav-folder.mod-root .nav-folder > .nav-folder-children{
	border-left:none;
	padding-left:33px;
	margin-left:0;
}

:is(.nav-folder-title, .nav-file-title):hover{
	filter:brightness(0.9);
}



















/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Markdown Stying
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/


a, .external-link{
	text-decoration:none;
}
a, .external-link:hover{
	text-decoration:underline;
}
.cm-hashtag{
	vertical-align:unset;
}

code{
	--code-normal:var(--blockquote-color);
	margin-inline:3px;
}

/* Inline code */
.markdown-rendered :not(pre)>code,
.cm-s-obsidian span.cm-inline-code{
	color:var(--inline-code-color);
}
/* inline code background */
.cm-hmd-indented-code,
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code{
	background:var(--code-background);
}

.markdown-rendered pre{
	overflow-x: auto;
}


:is(mark, .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, .search-result-file-matched-text){
	color:var(--color-highlight);
}
body.theme-dark:not(.css-settings-manager) :is(mark, .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, .search-result-file-matched-text),
body.THT-underline :is(mark, .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, .search-result-file-matched-text),
body.THT-underline-dark.theme-dark :is(mark, .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, .search-result-file-matched-text),
body.THT-underline-light.theme-light :is(mark, .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight, .search-result-file-matched-text){
	border-bottom:2px solid var(--text-highlight-bg);
	color:var(--color-highlight);
	background:none;
}

sup,sub{
	font-size:0.85em;
}
.footnote-ref{
	vertical-align:super;
}

img{
	max-width:100%;
	border-radius:var(--panel-radius);
}

/* Markdown Headings */
body:is(:not(.css-settings-manager),.toggle-h1-margin-top) :is(h1, .markdown-rendered h1){
	margin-top:73px;
}
:is(h1,h2,h3,h4,h5,h6), .markdown-rendered :is(h1,h2,h3,h4,h5,h6){
	margin-top:33px;
}
.markdown-embed .markdown-preview-pusher+div>h1,
.markdown-preview-section div.is-collapsed+div>h1{
	margin-top:33px;
}


/* Markdown Checkbox */

/* Give some space on top of parent div */
.markdown-source-view.mod-cm6 .HyperMD-task-line{
	padding-top:3px;
}

/* Adjust checkbox position and styling */
.markdown-source-view.mod-cm6 .task-list-item-checkbox{
	padding:11px;
	top:-2px;
	left:-6px;
}
.markdown-preview-view .task-list-item-checkbox{
	padding:11px;
	top:5px;
}
input[type=checkbox]:checked:after{
	-webkit-mask-size:73%;
	-webkit-mask-position:73% 60%;
	width:100%;
	height:100%;
}
.contains-task-list.has-list-bullet li{
	margin-block:1px;
}
/* Adjust line position to fit below checkbox */
.markdown-rendered.show-indentation-guide li.task-list-item > :is(ul,ol)::before{
	left:-10px;
}
/* Collapse indicator position adjustment */
.markdown-source-view.mod-cm6 .HyperMD-task-line .cm-fold-indicator .collapse-indicator{
	padding-right:15px;
}
.markdown-rendered .task-list-item .list-collapse-indicator{
	margin-top:5px;
	margin-left:-47px;
}



/* Markdown Listings */
ul, ol{
	padding:7px 0 13px;
}

/* Only append indent if it's from a list */
.cm-hmd-list-indent .cm-indent{ 
	padding-inline:0px 11px;
}
/* Build spaces at the end of each listing to distinguish from each other (source) */
.HyperMD-list-line-1+.HyperMD-list-line:not(.HyperMD-list-line-1):not(.HyperMD-list-line-2),
.HyperMD-list-line-2+.HyperMD-list-line:not(.HyperMD-list-line-2):not(.HyperMD-list-line-3),
.HyperMD-list-line-3+.HyperMD-list-line:not(.HyperMD-list-line-3):not(.HyperMD-list-line-4),
.HyperMD-list-line-4+.HyperMD-list-line:not(.HyperMD-list-line-4):not(.HyperMD-list-line-5),
.HyperMD-list-line-5+.HyperMD-list-line:not(.HyperMD-list-line-5):not(.HyperMD-list-line-6),
.HyperMD-list-line-6+.HyperMD-list-line:not(.HyperMD-list-line-6):not(.HyperMD-list-line-7){
	padding-top:11px!important;
}


/* Collapse indicator position adjustment */
.markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator{
	padding-right:23px;
}
ol > li::marker,
ul > li::marker,
.cm-s-obsidian .cm-formatting-list{
	margin-right:3px;
}

/* indent size adjustment */
.cm-hmd-list-indent .cm-indent{
	padding-inline:0;
}
.markdown-preview-sizer>div>:is(ul, ol){
	padding-inline:33px 7px;
}

/* reduce padding of ul/ol inside callout/blockquote */
.callout-content>:is(ul,ol){
	padding-block:0;
}
blockquote>:is(ul,ol){
	padding-block:7px;
}



/* Markdown Table */
/* Adds margin for easier identification */
table{
	margin:11px 7px;
}

/* Adds color to the header */
thead {
	border-top:2px solid var(--color-accent);
}

/* Adds padding spaces to the border */
.markdown-rendered :is(td, th){
	padding:4px 13px;
}



/* Markdown Strikethrough */
/* adjust color for strikethrough + on embed */
ul > li.task-list-item.is-checked{
	text-decoration-color:var(--color-strikethrough);
}
del, .cm-strikethrough,
ul > li.task-list-item.is-checked *,
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]) span {
	color:var(--color-strikethrough);
}

/* Markdown Embed */
/* adjust embed padding, visual border */
.markdown-embed{
	border:var(--border);
    border-radius:var(--button-radius);
    padding:var(--embed-padding);
}
/* revert "p" margin-top back from 0 */
.markdown-embed-content p:first-child{
	margin-top:1em;
}





/* Markdown Quote */
.markdown-preview-view blockquote{
	margin:13px 0px;
	padding:17px 27px 17px 37px;
	border-radius:var(--button-radius);
	background:var(--background-secondary);
	border:var(--border);
	color:var(--blockquote-color);
	position:relative;
}
.markdown-preview-view blockquote:before{
	content:"";
	position:absolute;
	left:5px;
	top:7px;
	width:3px;
	height:calc(100% - 14px);
	background:var(--color-accent-1);
	border-radius:var(--button-radius);
}
.markdown-source-view.mod-cm6 .HyperMD-quote.cm-line{
	padding-right:17px;
	padding-block:3px;
}
.markdown-source-view.mod-cm6 .HyperMD-quote.cm-line+.HyperMD-quote.cm-line{
	padding-top:0;
}




/* Markdown Callout */

.callout{
	border:1px solid rgba(var(--callout-color), 0.3);
    background-color: rgba(var(--callout-color), 0.07);
}
.callout-title{
	gap:var(--size-4-3);
    align-items:center;
    background-color:rgba(var(--callout-color), 0.07);
	border-bottom:1px solid transparent;
	transition:border 0.3s;
}
.callout-icon,
.callout-fold{
	margin:0;
	align-self:center;
}

/* only apply border if callout is not collapsed */
.callout:not(.is-collapsed)>.callout-title:has(+.callout-content){
	border-bottom:1px solid rgba(var(--callout-color), 0.3);
}

.markdown-source-view.mod-cm6 .callout .callout{
	margin:1em 0;
}














/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Mado Theme Special Classes
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/
/* Mado Heading */

.mado-heading .markdown-preview-section>div>*{
	position:relative;
	padding:13px 53px;
	margin:0;
	border:var(--border);
	border-radius:var(--button-radius);
	transition:background 0.1s;
}
.mado-heading .markdown-preview-section>div.mod-header>*{
	padding:23px 23px 0;
	border:none;
}
.mado-heading .markdown-preview-section>div:not(.is-collapsed)>h1{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	border-bottom:none;
}
.mado-heading .markdown-preview-section>div:not(.is-collapsed)>h1:before{
    border-radius:4px 0 0 0;
}
.mado-heading .markdown-preview-section>div:has(+div>*:not(h1))>*:not(h1){
	border-radius:0;
	border-bottom:none;
}
.mado-heading .markdown-preview-section>div:has(+div>h1)>*:not(h1),
.mado-heading .markdown-preview-section>div:has(+div.mod-footer)>*:not(h1){
	border-radius:0;
	border-bottom-left-radius:var(--button-radius);
	border-bottom-right-radius:var(--button-radius);
	border-bottom:var(--border);
}
.mado-heading :is(h1,h2,h3,h4,h5,h6){
	background:var(--background-fourth);
}
.mado-heading :is(h1,h2,h3,h4,h5,h6):hover{
	background:var(--background-fifth);
}
.mado-heading{
	--h1-size: 1.6em;
	--h2-size: 1.5em;
	--h3-size: 1.37em;
	--h4-size: 1.25em;
	--h5-size: 1.12em;
	--h6-size: 1.12em;
}

.mado-heading .markdown-preview-section>div:has(+div>p)>p{
	padding-bottom:0;
}
.mado-heading .markdown-preview-section>div:has(>p)+div>p{
	border-top:none;
}


.mado-heading .markdown-preview-section h1{
	padding-block:19px;
	margin-top:73px;
}
.mado-heading .markdown-preview-section h2{
	padding-block:17px;
}
.mado-heading .markdown-preview-section h3{
	padding-block:15px;
}
.mado-heading .markdown-preview-section h4{
	padding-block:13px;
}

/* left border to indicate collapsible action */
.mado-heading :is(h1,h2,h3,h4,h5,h6):before{
	content:"";
	position:absolute;
	left:5px;
	top:5px;
	height:calc(100% - 10px);
	border-radius:var(--button-radius);
	border-left:3px solid var(--color-accent-1);
}
.mado-heading h1:before{
	left:0;
	top:0;
	height:100%;
	border-radius:4px 0 0 4px;
	border-left:3px solid var(--color-accent-2);
}
.mado-heading h3:before{
	top:7px;
	height:calc(100% - 14px);
}
.mado-heading h4:before{
	top:9px;
	height:calc(100% - 18px);
}
.mado-heading h5:before{
	top:11px;
	height:calc(100% - 22px);
}
.mado-heading h6:before{
	top:13px;
	height:calc(100% - 26px);
}

/* expand clickable collapsible size to match parent size */
.mado-heading .heading-collapse-indicator{
	margin-left:0;
	width:100%;
	height:100%;
	padding:9px 33px;
	top:0;
	left:0;
	position:absolute;
	opacity:1;
}
.mado-heading .heading-collapse-indicator svg{
	right:27px;
	width:14px;
	height:14px;
	position:absolute;
}



.mado-heading .markdown-preview-section>div>p{
	padding-block:23px;
	background:var(--background-fourth);
}
.mado-heading .markdown-preview-section>div>:is(ul, ol){
	padding-block:23px;
	background:var(--background-fourth);
}
.mado-heading .markdown-preview-section>div>hr{
	display:none;
}
.mado-heading .markdown-preview-section>div>pre{
	padding-block:23px;
}
.mado-heading .markdown-preview-section>div>blockquote{
	padding-block:23px;
}
.mado-heading .markdown-preview-section>div>.callout{
	padding:var(--callout-padding);
	border:1px solid rgba(var(--callout-color), 0.3);
}
.mado-heading .markdown-preview-section>div>.callout .callout-title{
	padding:17px 23px;
}
.mado-heading .markdown-preview-section>div>.callout .callout-content{
	padding:3px 53px;
}
.mado-heading .markdown-preview-section>div>blockquote>:is(ul,ol){
	padding:0;
}
.mado-heading .markdown-preview-section>div>table{
	width:calc(100% + 0px);
	border-radius:var(--button-radius);
	border-collapse:separate;
	padding:0;
	background:var(--background-secondary);
}
.mado-heading .markdown-preview-section>div>table :is(th, td){
	padding:9px 11px;
	text-align:center;
	width:83px;
}
.mado-heading .markdown-preview-section>div>table th{
	background-color:var(--background-secondary);
	font-weight:600;
	font-size:1em;
}
.mado-heading .markdown-preview-section>div>table td{
	background:var(--background-fourth);
	border:none;
}
.mado-heading .markdown-preview-section>div>table thead>tr>*:first-child{
	border-radius:4px 0 0 0;
}
.mado-heading .markdown-preview-section>div>table thead>tr>*:last-child{
	border-radius:0 4px 0 0;
}
.mado-heading .markdown-preview-section>div>table tbody>tr:last-child>*:first-child{
	border-radius:0 0 0 4px;
}
.mado-heading .markdown-preview-section>div>table tbody>tr:last-child>*:last-child{
	border-radius:0 0 4px 0;
}





/* Mado Table */
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table{
	width:calc(100% - 0px);
	margin-inline:auto;
	border-radius:var(--button-radius);
	border-collapse:separate;
	border:var(--border);
	padding:2px;
	background:var(--background-secondary);
}
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table :is(th, td){
	padding:11px 11px;
	text-align:center;
	min-width:83px;
}
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table th{
	background-color:var(--background-secondary);
	font-weight:600;
	font-size:1em;
}
[class*="mado-table"]:not(.mado-table-normal).markdown-rendered .markdown-preview-section table td,
[class*="mado-table"]:not(.mado-table-normal).mado-table-topless .markdown-preview-section table th{
	background:var(--background-fourth);
	border:none;
	font-weight:400;
}
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table thead>tr>*:first-child{
	border-radius:4px 0 0 0;
}
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table thead>tr>*:last-child{
	border-radius:0 4px 0 0;
}
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table tbody>tr:last-child>*:first-child{
	border-radius:0 0 0 4px;
}
[class*="mado-table"]:not(.mado-table-normal) .markdown-preview-section table tbody>tr:last-child>*:last-child{
	border-radius:0 0 4px 0;
}




/* Mado Table Options */
[class*="mado-table"]:not(.mado-table-normal).mado-table-left .markdown-preview-section table tr :is(th:first-child, td:first-child),
[class*="mado-table"]:not(.mado-table-normal).mado-table-right .markdown-preview-section table tr :is(th:last-child, td:last-child),
[class*="mado-table"]:not(.mado-table-normal).mado-table-top.markdown-rendered .markdown-preview-section table tr th,
[class*="mado-table"]:not(.mado-table-normal).mado-table-bottom .markdown-preview-section table tr:last-child td{
	background-color:var(--background-secondary);
	font-weight:600;
	font-size:1em;
	border:var(--border);
}
.mado-table-normal.mado-table-left .markdown-preview-section table tr :is(th:first-child, td:first-child),
.mado-table-normal.mado-table-right .markdown-preview-section table tr :is(th:last-child, td:last-child),
.mado-table-normal.mado-table-top.markdown-rendered .markdown-preview-section table tr th,
.mado-table-normal.mado-table-bottom .markdown-preview-section table tr:last-child td{
	background-color:var(--background-secondary);
	font-weight:600;
	font-size:1em;
}
.mado-table-normal.mado-table-left .markdown-preview-section table tr :is(th:first-child, td:first-child){
	border-right:1px solid var(--color-accent-1);
}
.mado-table-normal.mado-table-right .markdown-preview-section table tr :is(th:last-child, td:last-child){
	border-left:1.5px solid var(--color-accent-1);
}
.mado-table-normal.mado-table-bottom .markdown-preview-section table tr:last-child td{
	border-top:2px solid var(--color-accent-1);
}

/* Mado Table Stripe/Border styling, also adapting colors for headers */
[class*="mado-table"]:not(.mado-table-normal).mado-table-stripe.markdown-rendered 						.markdown-preview-section table tr:nth-child(2n) td:not(:first-child):not(:last-child),
[class*="mado-table"]:not(.mado-table-normal).mado-table-stripe.markdown-rendered:not(.mado-table-left) .markdown-preview-section table tr:nth-child(2n) td:first-child,
[class*="mado-table"]:not(.mado-table-normal).mado-table-stripe.markdown-rendered.mado-table-left 		.markdown-preview-section table tr:nth-child(2n+1) td:first-child,
[class*="mado-table"]:not(.mado-table-normal).mado-table-stripe.markdown-rendered:not(.mado-table-right) .markdown-preview-section table tr:nth-child(2n) td:last-child,
[class*="mado-table"]:not(.mado-table-normal).mado-table-stripe.markdown-rendered.mado-table-right 		.markdown-preview-section table tr:nth-child(2n+1) td:last-child,
.mado-table-normal.mado-table-stripe.markdown-rendered 	.markdown-preview-section table tr:nth-child(2n+1) :is(td:first-child, td:last-child),
[class*="mado-table"]:not(.mado-table-normal).mado-table-border.markdown-rendered .markdown-preview-section table :is(tr th:nth-child(2n+2), tr td:nth-child(2n+1)),
[class*="mado-table"]:not(.mado-table-normal).mado-table-border.markdown-rendered.mado-table-bottom .markdown-preview-section table tr:last-child td:nth-child(2n){
	background-color:var(--background-primary);
}
.mado-table-normal.mado-table-stripe.markdown-rendered .markdown-preview-section table tr:nth-child(2n) td,
.mado-table-normal.mado-table-border.markdown-rendered .markdown-preview-section table :is(tr th:nth-child(2n+1), tr td:nth-child(2n+1)),
.mado-table-border.markdown-rendered.mado-table-bottom .markdown-preview-section table tr:last-child td:nth-child(2n+1),
[class*="mado-table"]:not(.mado-table-normal).mado-table-stripe.markdown-rendered.mado-table-bottom .markdown-preview-section table tr:last-child :is(td:first-child, td:last-child){
	background-color:var(--background-secondary);
}






/* Mado Table Auto-Expand */

/* Remove master-parent width limit */
.mado-table-auto.is-readable-line-width>div.markdown-preview-sizer.markdown-preview-section,
.mado-table-auto.markdown-source-view.mod-cm6.is-readable-line-width :is(.cm-sizer, .cm-content){
	max-width:100%;
}

/* attach width limit to all other normal divs except table */
.mado-table-auto.is-readable-line-width>div.markdown-preview-sizer.markdown-preview-section>div>*,
.mado-table-auto.markdown-source-view.mod-cm6.is-readable-line-width .cm-editor .cm-contentContainer .cm-content div:not(.cm-table-widget){
	max-width:var(--file-line-width);
	margin-inline:auto!important;
}
.mado-table-auto.is-readable-line-width>div.markdown-preview-sizer.markdown-preview-section>div>table,
.mado-table-auto.markdown-source-view.mod-cm6.is-readable-line-width .cm-editor .cm-contentContainer .cm-content table{
	max-width:100%;
	width:auto;
	margin-inline:auto!important;
}


/* Mado Table Check */

.mado-table-check td:has(del){
	position:relative;
	/* display:flex; */
    align-items:center;
    justify-content:center;
	z-index:0;
}
.mado-table-check td:has(del):before{
	background:var(--background-primary);
	z-index:-1;
	position:absolute;
	left:0;
	top:0;
	content:"";
	width:100%;
	height:100%;
}
.mado-table-check td:has(del):after{
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	width:50px;
	height:50px;
	transform:translate(-50%, -50%);
	opacity:0.3;
	background-color:MediumSeaGreen;
    -webkit-mask-size:83%;
    -webkit-mask-position:53%;
	-webkit-mask-repeat:no-repeat;
    -webkit-mask-image:url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23000000"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
}








/* Mado List2Table */

div.callout[data-callout="mado-list2table"]{
	background:none;
	border:none;
}
div.callout[data-callout="mado-list2table"] .callout-title,
div.callout[data-callout="mado-list2table"] .callout-content:before,
div.callout[data-callout="mado-list2table"] .callout-content>ul :is(.list-bullet,.collapse-indicator),
div.callout[data-callout="mado-list2table"] .callout-content>ul .contains-task-list:before{
	display:none;
}
div.callout[data-callout="mado-list2table"] .callout-content{
	padding:0;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul{
	display:flex;
	flex-direction:column;
	min-width:max-content;
	height:auto;
	padding:0;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li{
	display:flex;
	flex-direction:row;
	gap:7px;
	align-items:center;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul{
	display:flex;
	flex-direction:row;
	gap:3px;
	padding:0;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul>li{
	position:relative;
	height:53px;
	min-width:53px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:11px;
	overflow:hidden;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul>li>*{
	position:absolute;
	left:0;
	top:0;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul>li .task-list-item-checkbox{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul>li.is-checked{
	text-decoration:none;
	opacity:0.4;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul>li .task-list-item-checkbox:checked{
	background:none;
	z-index:10;
}
div.callout[data-callout="mado-list2table"] .callout-content>ul>li>ul>li .task-list-item-checkbox:checked:after{
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:40px;
	height:40px;
	opacity:0.4;
	background-color:MediumSeaGreen;
    -webkit-mask-size:83%;
    -webkit-mask-position:53%;
	-webkit-mask-repeat:no-repeat;
    -webkit-mask-image:url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23000000"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
}









/* Mado Explorer */

/* Hide Inline Title */
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .inline-title{
	display:none;
}

/* Reset font size */
.workspace-split:is(.mod-right-split, .mod-left-split) :is(.markdown-preview-view, .markdown-source-view).mado-explorer{
	font-size:var(--font-text-size);
}

/* Adjust margin and padding from the note pane & the elements */
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .markdown-preview-sizer.markdown-preview-section{
	margin:0!important;
	padding:0!important;
}
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer{
	padding:var(--size-4-6) var(--size-4-3)!important;
}
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .markdown-preview-sizer p,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .markdown-preview-sizer ul,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .markdown-preview-sizer li{
	margin:0;
	padding:0;
}
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer ul{
	padding-block:7px!important;
	padding-left:13px!important;
	margin-left:20px!important;
}
body.css-settings-manager:not(.toggle-explorer-indent) .workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer ul{
	border-left:var(--nav-indentation-guide-width) solid var(--nav-indentation-guide-color);
}

/* Explorer Button design */
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer a,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer li,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer h1{
	padding:var(--button-padding-long);
	transition:0.05s ease-in;
	transition-property:background, color;
	text-decoration:none;
	margin:0;
	position:relative;
	color:var(--nav-item-color);
	font-size:var(--nav-item-size);
	font-weight:var(--nav-item-weight);
	line-height:var(--line-height-tight);
	border-radius:var(--button-radius);
	cursor:var(--cursor);
	margin-bottom:var(--size-2-1);
	overflow:hidden;
    white-space:var(--nav-item-white-space);
    text-overflow:ellipsis;
	width:calc(100% - 0px);
    display:inline-block;
	vertical-align:middle;
}

/* expand collapse icon to full size of parent to be clickable */
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer h1 .heading-collapse-indicator.collapse-indicator.collapse-icon{
	position:absolute;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	top:0;
	left:0;
	opacity:1;
}

body.css-settings-manager:not(.toggle-explorer-collapse) .workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer h1{
	padding-left:33px;
}
body.css-settings-manager:not(.toggle-explorer-collapse) .workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .collapse-indicator svg{
	position:absolute;
	left:15px;
	top:16px;
}

/* hide frontmatter, collapse icon, heading without value and linebreak */
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .frontmatter,
body:is(:not(.css-settings-manager),.toggle-explorer-collapse) .workspace-tabs .markdown-preview-view.mado-explorer .collapse-indicator svg,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .list-bullet,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .markdown-preview-sizer h1[data-heading=""],
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer .markdown-preview-sizer p br{
	display:none;
}

.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer a:hover,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer li:hover,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer h1:hover{
    background-color:var(--nav-item-background-hover);
    color:var(--nav-item-color-hover);
    font-weight:var(--nav-item-weight-hover);
}
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer li>a:hover{
	background:none;
}
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer h1,
.workspace-split:not(.mod-root) .workspace-tabs .markdown-preview-view.mado-explorer h1:hover{
	color:var(--color-accent-2);
	font-size:0.95em;
	font-weight:500;
}



/* Mado Daily */
.mado-daily table td{
	font-size:2rem;
	position:relative;
}
.mado-daily table td:not(:empty):not(:nth-child(3)):not(:nth-child(7)){
	background:var(--background-primary);
}
.mado-daily table thead{
	display:none;
}
/* show checkmark when previous days are filled(no longer empty), */
/* using "~" instead of "+" decrease the complexity, though it also decrease credibility(?) as checkmark will appear if the previous day is filled */
.mado-daily table td:first-child:not(:empty)~td:not(:empty)+td:nth-child(3),
.mado-daily table td:first-child:not(:empty)~td:not(:empty)+td:nth-child(7){
	background:var(--background-secondary);
	position:relative;
	overflow:hidden;
	z-index:10;
}
.mado-daily table td:nth-child(3):before,
.mado-daily table td:nth-child(7):before{
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	width:100%;
	height:100%;
	transform:translate(-50%, -50%);
	z-index:-1;
	opacity:0.3;
	background-color:MediumSeaGreen;
    -webkit-mask-size:83%;
    -webkit-mask-position:53%;
	-webkit-mask-repeat:no-repeat;
    -webkit-mask-image:url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23000000"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
}








/* Mado Timeline */

.mado-timeline .markdown-preview-sizer>div{
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.mado-timeline .markdown-preview-sizer>div>ul{
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin-bottom:0;
	padding-bottom:13px;
}
.mado-timeline .markdown-preview-sizer>div>:is(blockquote,.callout, pre, table){
	margin-top:23px;
}
.mado-timeline .markdown-preview-sizer>div>hr{
	width:70%;
	margin-top:53px;
}

.mado-timeline .markdown-preview-sizer>div>:is(pre,table){
	text-align:left;
}

.mado-timeline .markdown-preview-sizer>div>.callout .callout-title{
	justify-content:center;
}
.mado-timeline .markdown-preview-sizer>div>.callout .callout-title .callout-fold{
	padding-right:0;
}
.mado-timeline .markdown-preview-sizer>div>.callout .callout-content{
	padding:7px 0;
}
.mado-timeline .markdown-preview-sizer>div>.callout .callout-content:before{
	display:none;
}

.mado-timeline .markdown-preview-sizer>div>h1{
	font-size:2rem;
	margin-block:133px 11px;
}
.mado-timeline .markdown-preview-sizer>div>h2{
	font-size:1.7rem;
	margin-block:33px -13px;
	position:relative;
	padding-top:13px;
}
.mado-timeline .markdown-preview-sizer>div>h2:before{
	content:"";
	width:2px;
	height:45px;
	border-radius:100%;
	background:var(--text-faint);
	opacity:0.7;
	position:absolute;
	top:-38px;
	left:47%;
}
.mado-timeline .markdown-preview-sizer>div.is-collapsed>h2{
	margin-bottom:13px;
}









/* Mado Panel */

/* Mado Panel Flexible(default)  &  Mado Panel Callout */

div.callout[data-callout*="mado-panel"]{
	background-color:initial;
	mix-blend-mode:normal;
	padding:0;
	border:none;
}
div.callout[data-callout*="mado-panel"] .callout-content{
	padding:0;
	overflow-x:initial;
}

/* hide original callout design */
div.callout[data-callout*="mado-panel"] :is(.callout-title, .list-bullet),
div.callout[data-callout*="mado-panel"] .callout-content:before{
	display:none;
}


[class*="mado-panel"] .markdown-preview-sizer>div ul.has-list-bullet:before,
div.callout[data-callout*="mado-panel"] ul.has-list-bullet:before{
	display:none;
}

[class*="mado-panel"] .markdown-preview-sizer>div ul,
div.callout[data-callout*="mado-panel"] ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	gap:13px;
	transition:height 0.2s, opacity 0.2s;
	padding-inline:23px;
	padding-block:7px;
}

[class*="mado-panel"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel"] ul li{
	display:flex;
	align-items:center;
	justify-content:center;	
	padding-block:13px;
	padding-inline:23px;
	background:var(--background-fourth);
	border:var(--border);
	border-radius:var(--panel-radius);
	box-shadow:var(--panel-shadow);
	transition:0.1s background, 0.1s box-shadow, transform 0.1s;
	text-align:center;
	width:auto;
	/* min-width:calc(100% / 4 - 10px); */
	flex:auto;
	min-height:70px;
	overflow:hidden;
}

[class*="mado-panel"] .markdown-preview-sizer>div ul li .list-bullet{
	display:none;
}
/* Hover-Child-Only doesn't actually look too comfortable, disabling it for the time being */
/* [class*="mado-panel"] .markdown-preview-sizer>div ul li:hover:not(:has(li:hover)), */
/* div.callout[data-callout*="mado-panel"] ul li:hover:not(:has(li:hover)){ */
[class*="mado-panel"] .markdown-preview-sizer>div ul li:hover,
div.callout[data-callout*="mado-panel"] ul li:hover{
	background:var(--background-fifth);
	/* background:var(--background-primary); */
	transform:translateY(-3px);
	box-shadow:var(--panel-shadow-hover);
}

[class*="mado-panel"] .markdown-preview-sizer>div ul a:not(:hover),
div.callout[data-callout*="mado-panel"] ul a:not(:hover){
	text-decoration:none;
}
/* adapt "a" link to whole panel so to be clickable */
[class*="mado-panel-link"] .markdown-preview-sizer>div ul a:not(.tag),
div.callout[data-callout*="mado-panel"][data-callout*="-link"] ul a:not(.tag){
	display:flex;
	align-items:center;
	justify-content:center;	
	height:calc(100% + 26px);
	width:calc(100% + 46px);
	padding-block:13px;
	padding-inline:23px;
	margin-block:-13px;
	margin-inline:-23px;
	text-decoration:none;
}
[class*="mado-panel"] .markdown-preview-sizer>div li.task-list-item,
div.callout[data-callout*="mado-panel"] ul li.task-list-item{
	position:relative;
}
[class*="mado-panel"] .markdown-preview-sizer>div li.task-list-item>input,
div.callout[data-callout*="mado-panel"] ul li.task-list-item>input{
	padding:11px;
	position:absolute;
	right:0;
	top:0;
	left:unset;
	margin:7px;
	border:var(--border);
	border-radius:var(--button-radius);
}
[class*="mado-panel"] .markdown-preview-sizer>div li.task-list-item.is-checked,
div.callout[data-callout*="mado-panel"] ul li.task-list-item.is-checked{
	background:var(--background-secondary);
}
[class*="mado-panel"] .contains-task-list.has-list-bullet li,
div.callout[data-callout*="mado-panel"] .contains-task-list.has-list-bullet li{
	margin-block:0;
}




/* Mado Panel List  &  Mado Panel Callout List*/
[class*="mado-panel-list"] .markdown-preview-sizer>div ul,
div.callout[data-callout*="mado-panel-list"] ul{
	gap:7px;
}
[class*="mado-panel-list"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-list"] ul li{
	display:inline-block;
	padding-block:8px;
	min-height:unset;
	text-align:left;
	width:100%;
	overflow:visible;
	min-height:auto;
}
[class*="mado-panel-list"][class*="mado-panel-link"] .markdown-preview-sizer>div ul li a:not(.tag),
div.callout[data-callout*="mado-panel-list"][data-callout*="-link"] ul li a:not(.tag){
	height:calc(100% + 16px);
	width:calc(100% + 46px);
	padding-block:8px;
	margin-block:-8px;
	display:inline-block;
	text-align:left;
}

[class*="mado-panel-list"] .markdown-preview-sizer>div li.task-list-item,
div.callout[data-callout*="mado-panel-list"] ul li.task-list-item{
	padding-inline:43px 23px;
}
[class*="mado-panel-list"] .markdown-preview-sizer>div li.task-list-item>input,
div.callout[data-callout*="mado-panel-list"] ul li.task-list-item>input{
	padding:12px;
	left:0;
}
[class*="mado-panel-list"] .markdown-preview-sizer>div li:hover>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"] ul li:hover>.list-collapse-indicator{
	opacity:1;
}

[class*="mado-panel-list-rightbox"] .markdown-preview-sizer>div li.task-list-item,
div.callout[data-callout*="mado-panel-list-rightbox"] ul li.task-list-item{
	padding-inline:23px;
}
[class*="mado-panel-list-rightbox"] .markdown-preview-sizer>div li.task-list-item>input,
div.callout[data-callout*="mado-panel-list"][data-callout*="-rightbox"] ul li.task-list-item>input{
	left:unset;
}


/* the very first list */
[class*="mado-panel-list"] .markdown-preview-sizer>div>ul>li>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"] .callout-content>ul>li>.list-collapse-indicator{
	margin-left:-57px;
}
/* all normal list */
[class*="mado-panel-list"] .markdown-preview-sizer>div li>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"] ul li>.list-collapse-indicator{
	margin-left:-49px;
}
/* all task lisk */
[class*="mado-panel-list"] .markdown-preview-sizer>div li.task-list-item>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"] ul li.task-list-item>.list-collapse-indicator{
	margin-left:-77px;
	margin-top:0;
}
/* rightbox task lisk */
[class*="mado-panel-list-rightbox"] .markdown-preview-sizer>div li.task-list-item>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"][data-callout*="-rightbox"] ul li.task-list-item>.list-collapse-indicator{
	margin-left:-49px;
}
/* normal list inside a task list */
[class*="mado-panel-list"] .markdown-preview-sizer>div li.task-list-item li:not(.task-list-item)>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"] ul li.task-list-item li:not(.task-list-item)>.list-collapse-indicator{
	margin-left:-57px;
}
/* task list inside a normal list */
[class*="mado-panel-list"] .markdown-preview-sizer>div li:not(.task-list-item)>ul>li.task-list-item>.list-collapse-indicator,
div.callout[data-callout*="mado-panel-list"] ul li:not(.task-list-item)>ul>li.task-list-item>.list-collapse-indicator{
	margin-left:-69px;
}

[class*="mado-panel-list"] .markdown-preview-sizer>div li :is(ul,ol),
div.callout[data-callout*="mado-panel-list"] ul li :is(ul,ol){
	padding-inline:0;
}
[class*="mado-panel-list"] .markdown-preview-sizer>div li.is-collapsed>:is(ul,ol),
[class*="mado-panel-list"] .markdown-preview-sizer>div li :is(ul,ol):before,
div.callout[data-callout*="mado-panel-list"] ul li.is-collapsed>:is(ul,ol),
div.callout[data-callout*="mado-panel-list"] ul li :is(ul,ol):before{
	display:none;
}




/* Mado Panel Sizing */
/* small = short & short */
/* medium = taller & longer */
/* large = tallest & longest */
/* short = short & longer */
/* long = short & longest */
[class*="mado-panel-small"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-small"]>.callout-content>ul>li{
	width:calc(100% / 4 - 10px);
	max-width:200px;
	height:70px;
}
[class*="mado-panel-medium"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-medium"]>.callout-content>ul>li{
	width:calc(100% / 3 - 9px);
	max-width:250px;
	height:110px;
}
[class*="mado-panel-large"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-large"]>.callout-content>ul>li{
	width:calc(100% / 2 - 7px);
	max-width:300px;
	height:130px;
}
[class*="mado-panel-short"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-short"]>.callout-content>ul>li{
	width:calc(100% / 3 - 9px);
	max-width:250px;
	height:70px;
}
[class*="mado-panel-long"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-long"]>.callout-content>ul>li{
	width:calc(100% / 2 - 7px);
	max-width:300px;
	height:70px;
}
[class*="mado-panel-auto"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel"][data-callout*="-auto"]>.callout-content>ul>li{
	max-width:unset;
}
[class*="mado-panel-auto"][class*="mado-panel-small"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-small"][data-callout*="-auto"]>.callout-content>ul>li{
	min-width:calc(100% / 4 - 10px);
}
[class*="mado-panel-auto"][class*="mado-panel-medium"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-medium"][data-callout*="-auto"]>.callout-content>ul>li{
	min-width:calc(100% / 3 - 9px);
}
[class*="mado-panel-auto"][class*="mado-panel-large"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-large"][data-callout*="-auto"]>.callout-content>ul>li{
	min-width:calc(100% / 2 - 7px);
}
[class*="mado-panel-auto"][class*="mado-panel-short"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-short"][data-callout*="-auto"]>.callout-content>ul>li{
	min-width:calc(100% / 3 - 9px);
}
[class*="mado-panel-auto"][class*="mado-panel-long"] .markdown-preview-sizer>div ul li,
div.callout[data-callout*="mado-panel-long"][data-callout*="-auto"]>.callout-content>ul>li{
	min-width:calc(100% / 2 - 7px);
}






/* Mado Panel Callout Task Feature */
div.callout[data-callout*="mado-panel-task"]>.callout-content>ul>li{
	width:calc(100% / 2 - 7px);
	height:130px;
	display:none;
}
div.callout[data-callout*="mado-panel-task"]>.callout-content>ul>li:nth-child(1),
div.callout[data-callout*="mado-panel-task"]>.callout-content>ul>li:nth-child(2){
	display:flex;
}
/* When two main tasks above are completed, show the rest of the tasks */
div.callout[data-callout*="mado-panel-task"]>.callout-content>ul>li.is-checked:nth-child(1)+li.is-checked:nth-child(2)~li{
	width:calc(100% / 4 - 10px);
	height:70px;
	display:flex;
}











/*
--------------------------- --------------------------- 
--------------------------- --------------------------- 
	Plugin Supports
--------------------------- --------------------------- 
--------------------------- --------------------------- 
*/



/* Banner Plugin */
img.banner-image{
	border-radius:0;
}




/* Kanban Plugin */
.kanban-plugin{
	background:var(--background-primary);
}
.kanban-plugin .markdown-preview-view{
	padding-inline:3px;
}

/* icon and button styling */
.kanban-plugin__item :is(button.kanban-plugin__item-prefix-button, button.kanban-plugin__item-postfix-button),
.kanban-plugin__lane button.kanban-plugin__lane-settings-button{
	-webkit-app-region: no-drag;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--button-padding-icon);
	cursor: var(--cursor);
	border-radius: var(--clickable-icon-radius);
	color: var(--icon-color);
	opacity: var(--icon-opacity);
	transition: opacity 0.15s ease-in-out;
	height: auto;
	box-shadow:none;
}
.kanban-plugin__item :is(button.kanban-plugin__item-prefix-button, button.kanban-plugin__item-postfix-button):hover,
.kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover{
    opacity: var(--icon-opacity-hover);
    color: var(--icon-color-hover);
    background-color: var(--background-modifier-hover);
}
div.kanban-plugin__lane-title-count{
	padding: var(--button-padding-icon);
	width:33px;
	height:27px;
	text-align:center;
}

.kanban-plugin__item-metadata-wrapper:not(:empty){
	background:var(--background-primary);
}

/* checkbox completed styling */
.kanban-plugin__item.is-complete :is(.markdown-preview-view>div *, .kanban-plugin__item-metadata-wrapper:not(:empty) *){
	text-decoration:line-through;
	text-decoration-color:var(--color-strikethrough);
	color:var(--color-strikethrough);
}
.kanban-plugin__item.is-complete img{
	opacity:0.3;
}






/* db folder & kanban fix */
.workspace-split.mod-vertical.mod-root :is([data-type="database-plugin"],.kanban-plugin) .markdown-preview-view{
	padding-inline:0;
}






















/* Style Setting Styling */
.style-settings-container{
	border:var(--border);
	border-radius:var(--panel-radius);
	padding:17px 27px;
}

/* Remove border-bottom, replace it with border-top */
.setting-item.setting-item-heading.style-settings-heading{
	border-bottom:none;
	border-top:1px solid var(--background-modifier-border);
}
/* Remove margin-bottom when collapsed*/
.setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed){
	margin-bottom:0;
}
/* Remove border-top if header is first-child, and header if previous header is collapsed */
.setting-item.setting-item-heading.style-settings-heading:not(.is-collapsed)+.style-settings-container+.setting-item.setting-item-heading.style-settings-heading,
.setting-item.setting-item-heading.style-settings-heading:first-child{
	border-top:none;
}
.style-settings-container{
	padding-block:13px;
}
.style-settings-heading{
	padding-block:13px 0;
}
.style-settings-container{
	margin-block:13px;
	box-shadow:var(--panel-shadow);
}
.style-settings-heading .setting-item:last-child{
	padding-bottom:0;
}
.style-settings-heading .setting-item+.setting-item-heading{
	margin-top:0;
}
.style-settings-collapse-indicator{
	color:var(--text-normal);
}
.style-settings-heading+.style-settings-container+.style-settings-heading{
	margin-top:13px;
}


/* remove weird margin top */
.themed-color-wrapper>div,
.themed-color-wrapper>div+div{
	margin-top:0;
	padding:0 0 0 7px;
	border:var(--border);
	background:var(--color-base-00); /* For some reason it's not working originally */
}


.themed-color-wrapper{
	display:flex;
    align-items:center;
	flex-direction:row;
	gap:7px;
}

/* Button here has no .clickable-icon, so applying the originals into it */
.pickr-reset button{
	-webkit-app-region: no-drag;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--button-padding-icon);
	cursor: var(--cursor);
	border-radius: var(--clickable-icon-radius);
	color: var(--icon-color);
	opacity: var(--icon-opacity);
	transition: opacity 0.15s ease-in-out;
	height: auto;
	box-shadow:none;
	background:none;
}
.pickr-reset button:hover{
    opacity: var(--icon-opacity-hover);
    color: var(--icon-color-hover);
    background-color: var(--background-modifier-hover);
}
/* For some reason it's not working originally, so manually change the hover color */
.themed-color-wrapper>div.theme-light .pickr-reset button:hover{
	background-color:var(--color-base-shadow-hover);
}
.themed-color-wrapper>div.theme-dark .pickr-reset button:hover{
	background-color:var(--color-base-05);
}

/* turn into One row instead of multi rows */
.view-content .style-settings-container .setting-item:not(.setting-item-heading){
	flex-direction:row;
    align-items:center;
}
.view-content .style-settings-container .setting-item:not(.setting-item-heading) .setting-item-control{
	padding-top:0;
}

/* Custom intro section styling */
.setting-item.setting-item-heading.style-settings-heading[data-id="intro-section"]{
	cursor:default;
}
.setting-item.setting-item-heading.style-settings-heading[data-id="intro-section"]:not(.is-collapsed){
	padding-bottom:13px;
}
.setting-item.setting-item-heading.style-settings-heading[data-id="intro-section"]:not(.is-collapsed)+.style-settings-container+.style-settings-heading{
	margin-top:0;
}
.setting-item.setting-item-heading.style-settings-heading[data-id="intro-section"]+.style-settings-container{
	padding:0;
	border-bottom:0;
	margin-block:0;
}
.setting-item.setting-item-heading.style-settings-heading[data-id="intro-section"] :is(.style-settings-collapse-indicator, .setting-item-control){
	display:none
}
.setting-item.setting-item-heading.style-settings-heading[data-id="intro-section"] .setting-item-description{
	user-select:text;
	cursor:text;
	font-size:14px;
}






/* @settings

name: Mado Miniflow
id: mado-miniflow
settings:
	- 
		id: intro-section
		title: Introduction
		description: "The setting here covers only the very basic to avoid complexity fatigue. That being said, feel free to suggest anything by submitting a Github issue on: https://github.com/hydescarf/Obsidian-Theme-Mado-Miniflow"
		type: heading
		collapsed: true
		level: 3
		
		
		
		
	-
		id: theme-section
		title: Theme Section
		type: heading
		collapsed: true
		level: 3
	- 
		id: theme-color
		title: Theme Color
		type: class-select
		allowEmpty: false
		default: theme-violette
		options:
			-
				label: Daisy Blue
				value: theme-daisy-blue
			-
				label: Red Sky
				value: theme-red-sky
			-
				label: Violette
				value: theme-violette
			-
				label: Greenery
				value: theme-greenery
			-
				label: Yellowish
				value: theme-yellowish
			-
				label: Orange Jist
				value: theme-orange-jist
			-
				label: Deep Blue
				value: theme-deep-blue
			-
				label: Tea Teal
				value: theme-tea-teal
			-
				label: Magenta Pink
				value: theme-magenta-pink
			-
				label: Grayscale
				value: theme-grayscale
	- 
		id: accent
		title: Accent Color
		type: variable-themed-color
		opacity: false
		format: hsl-split
		default-light: '#'
		default-dark: '#'
	- 
		id: toggle-wave-background
		title: Hide Background Wave Design
		type: class-toggle
		default: false
	- 
		id: toggle-tab-design
		title: Enable Alternative Tab Design
		type: class-toggle
		default: false
	- 
		id: toggle-note-radius
		title: Enable All-Rounded Corner Note Pane
		type: class-toggle
		default: false
	- 
		id: toggle-note-animation
		title: Enable sliding animation on main pane
		description: Animation is noticable when you switch to a new tab
		type: class-toggle
		default: true
	- 
	
	
	
		id: layout-section
		title: Layout Section
		type: heading
		collapsed: true
		level: 3
	- 
	
	
		id: toggle-tab-height
		title: Enable Compact Tab Header
		type: class-toggle
		default: false
	- 
		id: toggle-tab-height-stacked
		title: Enable Compact Tab Header (Stacked)
		description: If you noticed a broken gap after the toggle, just refresh it by clicking on the panes (so that they can readjust themselves).
		type: class-toggle
		default: false
	- 
		id: toggle-scrollbar-overlay
		title: Enable Overlay Scrollbar
		type: class-toggle
		description: Overlay will provide you wider field of contents, but in return, scrollbar will have to overlap onto it.
		default: true
	- 
	
	
		id: hiding-section
		title: Hiding Elements
		type: heading
		description: Hide/Unhide the surrounding elements. Most can be hovered to reveal them.
		level: 4
		collapsed: true
	- 
		id: toggle-titlebar-buttons
		title: Hide Window Titlebar Buttons
		type: class-toggle
		default: true
	- 
		id: toggle-side-ribbons
		title: Hide Sidedock Ribbons
		type: class-toggle
		default: true
	- 
		id: toggle-sidebar-toggle-left
		title: Hide Sidebar Toggle Button (Left)
		type: class-toggle
		default: true
	- 
		id: toggle-sidebar-toggle-right
		title: Hide Sidebar Toggle Button (Right)
		type: class-toggle
		default: true
	- 
		id: toggle-sidebar-buttons
		title: Hide Sidebar Tab Buttons
		type: class-toggle
		default: true
	- 
		id: toggle-explorer-buttons
		title: Hide File Explorer Buttons
		type: class-toggle
		default: true
	- 
		id: toggle-vault-title
		title: Hide File Explorer Vault Title (Unhoverable)
		type: class-toggle
		default: true
	- 
		id: toggle-explorer-indent
		title: Hide File Explorer Indentation Guide (Unhoverable)
		type: class-toggle
		default: true
	- 
		id: toggle-explorer-collapse
		title: Hide File Explorer Collapse Indicator (Unhoverable)
		type: class-toggle
		default: true
	- 
		id: toggle-tab-section
		title: Hide Note Tab Section
		type: class-toggle
		default: false
	- 
		id: toggle-note-header
		title: Hide Note Title Bar
		type: class-toggle
		default: false
	- 
		id: toggle-status-bar
		title: Hide Status Bar (Unhoverable)
		type: class-toggle
		default: true
	- 
		id: toggle-sync-button
		title: Show Sync Button Independently
		type: class-toggle
		description: Available when Status Bar is hidden.
		default: false
	- 
		id: toggle-scrollbar
		title: Hide Scrollbar
		type: class-toggle
		default: true
	- 
	
	
		id: sidebar-section
		title: Sidebar Section
		type: heading
		description: With a fixed width, the contents of sidebar will pull towards to the middle whenever you resize. This gives you a better focus at the center of a bigger screen.
		collapsed: true
		level: 4
	- 
		id: toggle-sidebar-fixed-left
		title: Fixed Width (Left)
		type: class-toggle
		default: true
	- 
		id: toggle-sidebar-fixed-right
		title: Fixed Width (Right)
		type: class-toggle
		default: true
	- 
		id: sidebar-size-left
		title: Width size if fixed (Left)
		type: variable-number-slider
		default: 270
		format: px
        min: 200
        max: 1000
        step: 10
	- 
		id: sidebar-size-right
		title: Width size if fixed (Right)
		type: variable-number-slider
		default: 270
		format: px
        min: 200
        max: 1000
        step: 10
	- 
		id: toggle-sidebar-left-top
		title: Additional space on top of left sidebar
		type: class-toggle
		default: false
	- 
		id: toggle-sidebar-right-top
		title: Additional space on top of right sidebar
		type: class-toggle
		default: true
	- 
	
	
	
	
	
	
		id: markdown-section
		title: Markdown Section
		type: heading
		collapsed: true
		level: 3
	- 
		id: file-line-width
		title: Readable Line Length
		type: variable-number-slider
		default: 700
		format: px
        min: 400
        max: 1200
        step: 10
	-
		id: text-normal
		title: Text Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: text-muted
		title: Muted Text Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: text-faint
		title: Faint Text Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
	
	
		id: typography-section
		title: Typography Section
		type: heading
		collapsed: true
		level: 4
	- 
	
	
		id: bold-color
		title: Bold Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: bold-weight
		title: Bold Weight
		type: variable-number-slider
		default: 700
        min: 100
        max: 1000
        step: 100
	-
		id: italic-color
		title: Italic Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: toggle-highlight-type
		title: Highlight Type
		type: class-select
		allowEmpty: false
        default: THT-underline-dark
        options:
            - 
                label: Background-filled
                value: THT-background
            - 
                label: Underlined
                value: THT-underline
            - 
                label: Underlined (Light-mode only)
                value: THT-underline-light
            - 
                label: Underlined (Dark-mode only)
                value: THT-underline-dark
	- 
		id: color-highlight
		title: Highlight Color (Text)
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: text-highlight-bg
		title: Highlight Color (Background/Underline)
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: color-strikethrough
		title: Strikethrough Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: inline-code-color
		title: Inline Code Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: list-marker-color
		title: Listing Bullet/Marker Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
	
	
		id: heading-section
		title: Heading Section
		description: "Not applicable to cssclass: mado-heading."
		type: heading
		collapsed: true
		level: 4
	- 
	
	
	- 
		id: toggle-h1-margin-top
		title: Enable H1 Spacious Separator
		description: When an H1 is uncollapsed, it will create a big wide space below to distinguish from the next H1. Downside, however, is the first H1 will always have the wide space above it.
		type: class-toggle
		default: true
	-
		id: h1-size
		title: H1 Size
		type: variable-number
		format: em
		default: 2
	-
		id: h2-size
		title: H2 Size
		type: variable-number
		format: em
		default: 1.6
	-
		id: h3-size
		title: H3 Size
		type: variable-number
		format: em
		default: 1.37
	-
		id: h4-size
		title: H4 Size
		type: variable-number
		format: em
		default: 1.25
	-
		id: h5-size
		title: H5 Size
		type: variable-number
		format: em
		default: 1.12
	-
		id: h6-size
		title: H6 Size
		type: variable-number
		format: em
		default: 1.12
	-
		
		id: h1-color
		title: H1 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: h2-color
		title: H2 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: h3-color
		title: H3 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: h4-color
		title: H4 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: h5-color
		title: H5 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: h6-color
		title: H6 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
	-
		id: h6-color
		title: H6 Color
		type: variable-themed-color
		format: hsl
		default-light: '#'
		default-dark: '#'
*/ </style>

			<!-- Plugin Styles -->
			<style> /*#region Code Copy */

/* Make code block copy button fade in and out */
.markdown-rendered pre:not(:hover) > button.copy-code-button
{
	display: unset;
	opacity: 0;
}

.markdown-rendered pre:hover > button.copy-code-button
{
	opacity: 1;
}

.markdown-rendered pre button.copy-code-button
{
	transition: opacity 0.2s ease-in-out, width 0.3s ease-in-out, background-color 0.2s ease-in-out;
	text-overflow: clip;
}

.markdown-rendered pre > button.copy-code-button:hover
{
	background-color: var(--interactive-normal);
}

.markdown-rendered pre > button.copy-code-button:active
{
	background-color: var(--interactive-hover);
	box-shadow: var(--input-shadow);
	transition: none;
}

/*#endregion */

/*#region Canvas */
.canvas-card-menu {
	display: none;
	cursor: default !important;

}

.canvas-controls {
	display: none;
	cursor: default !important;

}

.canvas-node-connection-point 
{
	display: none;
	cursor: default !important;

}

.canvas-menu-container {
	display: none;
}

.canvas-node-content-blocker
{
	display: none;
	cursor: pointer !important;
}

.canvas-wrapper
{
	position: relative;
	cursor: default !important;
}

.canvas-node-resizer
{
	cursor: default !important;
}

.canvas-node-container
{
	cursor: default !important;
}

/*#endregion */

/*#region Sidebars */

.sidebar {
    background-color: var(--background-secondary);
    flex: 1 0 min-content;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
}

.sidebar-section-header
{
  margin: 0em 0 0em var(--sidebar-margin);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
}

.sidebar-content {
    width: var(--sidebar-width);
    line-height: var(--line-height-tight);
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding-bottom: 0;
    height: 100%;
}

.sidebar-scroll-area
{
    width: 100%;
    height: 100%;
    line-height: var(--line-height-tight);
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.sidebar-left
{
    border-right: 1px dashed var(--divider-color);
	z-index: 1000;
	align-items: flex-end;
    flex-direction: row-reverse;
}

.sidebar-right
{
    border-left: 1px dashed var(--divider-color);
	z-index: 1000;
	align-items: flex-start;
    flex-direction: row;
}

@media print 
{
    .sidebar, .outline-container, .theme-toggle-container, .theme-toggle-container-inline, .toggle-background, .theme-toggle-input
    {
        display: none !important;
    }
}

/*#endregion */

/*#region Content / Markdown Preview View */

.webpage-container {
    background-color: var(--background-primary);
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    align-items: stretch;
    position: fixed;
}

.document-container
{
    flex-basis: var(--content-width);
}

.markdown-reading-view
{
    align-self: center;
    -ms-flex-align: center;
    width: 100%;
}

.markdown-preview-view
{
    display: flex;
    width: 100%;
    max-width: 100%;
    padding-bottom: 30em;
    align-items: flex-start;
    justify-content: center;
}

.document-container > .markdown-preview-view > .markdown-preview-sizer
{
    padding: unset;
    width: unset;
    height: unset;
    margin: unset;
    max-width: unset;
    min-height: unset;
    max-width: var(--line-width);
    flex-basis: var(--line-width);
}

/*#endregion */

/*#region Kanban */

.markdown-preview-view.kanban-plugin__markdown-preview-view {
    font-family: var(--font-text, var(--default-font));
    font-size: .875rem;
    line-height: var(--line-height-tight);
    padding: unset;
    width: unset;
    height: unset;
    position: unset;
    overflow-y: unset;
    overflow-wrap: unset;
    color: unset;
    user-select: unset;
    -webkit-user-select: unset;
}

.kanban-plugin__item-button-wrapper, .kanban-plugin__lane-grip, .kanban-plugin__lane-settings-button.clickable-icon, .kanban-plugin__item-postfix-button.clickable-icon
{
    display: none;
}

/*#endregion */

/*#region Tree */

/* Base tree */
.tree-container 
{
	/* padding-bottom: 12px; */
	/* margin: 12px; */
	/* height: 100%; */
	/* position: relative; */
	/* display: contents; */
	position: relative;
	height: 100%;
	width: auto;
	margin: var(--sidebar-margin);
	margin-top: 3em;
    margin-bottom: 0;
}

.tree-container .tree-header 
{
	display: flex;
	flex-direction: row;
	align-items: center;
	position: absolute;
	top: -3em;
}

.tree-container .tree-header .sidebar-section-header
{
    margin: 1em;
    margin-left: 0;
}

.tree-container:has(.tree-scroll-area:empty) 
{
    display: none;
}

.tree-container .tree-scroll-area 
{
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: scroll;
	padding: 1em;
	padding-right: calc(1em + var(--sidebar-margin));
	padding-bottom: 3em;
	border-radius: var(--radius-m);
	position: absolute;
}

.tree-container .tree-item 
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
}

.tree-container .tree-item-children
{
    padding: 0;
    margin-left: 0;
    border-left: none;
    width: 100%;
}

.tree-container .tree-item.mod-active > .tree-item-contents > .tree-item-link
{
    color: var(--color-accent);
}

.tree-container .tree-item-contents {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 0.4em;
    color: var(--nav-item-color);
    width: 100%;
    margin-left: var(--tree-horizontal-spacing);
}

.tree-container .tree-item-contents:active 
{
    color: var(--nav-item-color-active);
}

.tree-container a.tree-item-link 
{
    width: 100%;
    height: 100%;
    transition: background-color 0.1s;
    border-radius: var(--radius-s);
    padding-left: calc(var(--tree-horizontal-spacing) + var(--collapse-arrow-size)/2 + 1px);
    padding-bottom: calc(var(--tree-vertical-spacing) / 2);
    padding-top: calc(var(--tree-vertical-spacing) / 2);
    color: var(--nav-item-color);
    text-decoration: none;
}

.tree-container .tree-item-icon.collapse-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: var(--radius-s);
    transition: background-color 0.1s;
    position: absolute;
    height: 100%;
}

.tree-container .tree-item.mod-tree-folder > .tree-item-contents > .tree-item-icon.collapse-icon
{
    width: 100%;
}

.collapse-icon > svg {
    color: unset !important;
}

.collapse-icon:hover 
{
    color: var(--nav-item-color-hover);
}

.tree-container a.tree-item-link:hover 
{
    cursor: pointer;
    color: var(--nav-item-color-hover);
    text-decoration: underline;
}

/* Indentation guide */

.tree-container > .tree-scroll-area > * .tree-item
{
    margin-left: calc(var(--tree-horizontal-spacing) + var(--collapse-arrow-size) / 2 + 1px);
    border-left: var(--nav-indentation-guide-width) solid var(--nav-indentation-guide-color);
}

.tree-container .tree-scroll-area > * > * > .tree-item
{
    margin-left: calc(var(--collapse-arrow-size) / 2 + 1px);
}

.tree-container .tree-item.mod-active
{
    border-left: var(--nav-indentation-guide-width) solid var(--color-accent);
}


.tree-container .tree-item:hover:not(.mod-active):not(.mod-collapsible):not(:has(.tree-item:hover)) /* Hover */
{
    border-left: var(--nav-indentation-guide-width) solid var(--nav-item-color-hover);
}

.webpage-container .tree-container .tree-item:not(.mod-collapsible) > .tree-item-children > .tree-item,
.webpage-container .tree-container > .tree-scroll-area > .tree-item,
.webpage-container .tree-container:not(.mod-nav-indicator) .tree-item
{
    border-left: none !important;
}

.webpage-container .tree-container .tree-item:not(.mod-collapsible) > .tree-item-children > .tree-item > .tree-item-contents,
.webpage-container .tree-container:not(.mod-nav-indicator) .tree-item .tree-item-contents,
.webpage-container .tree-container > .tree-scroll-area > .tree-item > .tree-item-contents
{
    margin-left: 0 !important;
}

/* Special */

.tree-container.outline-tree .tree-item[data-depth='1'] > .tree-item-contents > .tree-item-link
{
    font-weight: 900;
    font-size: 1.1em;
    margin-left: 0;
}

.tree-container .tree-item.is-collapsed > .tree-item-contents > .tree-item-icon.collapse-icon > svg
{
    transition: transform 0.1s ease-in-out;
    transform: rotate(-90deg);
}



/*#endregion */

/*#region Headers */

.collapse-icon svg.svg-icon {
    color: var(--nav-collapse-icon-color);
    stroke-width: 4px;
    width: var(--collapse-arrow-size);
    height: var(--collapse-arrow-size);
    transition: transform 100ms ease-in-out 0s;
    min-width: 10px;
    min-height: 10px;
}

div.is-collapsed > * > .heading-collapse-indicator.collapse-icon > svg
{
    transition: transform 0.1s ease-in-out;
    transform: rotate(-90deg);
}

/*#endregion */

/*#region Text Wrapping */
a {
    overflow-wrap: anywhere;
}

* 
{
    overflow-wrap: break-word;
}

/*#endregion */

/*#region Obsidian Columns Plugin */
.columnParent {
    display: flex;
    padding: 15px 20px;
    flex-wrap: wrap;
    gap: 20px;
}

.columnParent {
    white-space: normal;
}

.columnChild {
    flex-grow: 1;
    flex-basis: 0px;
}
/*#endregion */

/*#region Theme Toggle */

.theme-toggle-container {
    --toggle-width: 50px;
    --toggle-height: 23px;
    --border-radius: calc(var(--toggle-height) / 2);
    --handle-width: calc(var(--toggle-height) * 0.65);
    --handle-radius: calc(var(--handle-width) / 2);
    --handle-margin: calc((var(--toggle-height) / 2.0) - var(--handle-radius));
    --handle-translation: calc(var(--toggle-width) - var(--handle-width) - (var(--handle-margin) * 2));

    display: inline-block;
    cursor: pointer;
	margin: 10px;
}

/* animation to expand width, move handle, then contract width */
@keyframes toggle-slide-right
{
    0%
    {
        width: var(--handle-width);
        transform: translateX(0);
    }
    50%
    {
        width: calc(var(--toggle-width) * 0.5);
    }
    90%
    {
        width: var(--handle-width);
    }
    100%
    {
        transform: translateX(var(--handle-translation));
    }
}

@keyframes toggle-slide-left
{
    0%
    {
        width: var(--handle-width);
        transform: translateX(calc(var(--handle-translation) - ((var(--toggle-width) * 0.33) - var(--handle-width))));
    }
    70%
    {
        width: calc(var(--toggle-width) * 0.5);
    }
    100%
    {
        width: var(--handle-width);
        transform: translateX(0);
    }
}

/* just exapnd and contract */
@keyframes toggle-expand-right
{
    0%
    {
        width: var(--handle-width);
    }
    100%
    {
        width: calc(var(--toggle-width) * 0.33);
    }
}

@keyframes toggle-expand-left
{
    0%
    {
        width: var(--handle-width);
        transform: translateX(var(--handle-translation));
    }
    100%
    {
        width: calc(var(--toggle-width) * 0.33);
        transform: translateX(calc(var(--handle-translation) - ((var(--toggle-width) * 0.33) - var(--handle-width))));
    }
}

@keyframes toggle-contract
{
    0%
    {
        width: calc(var(--toggle-width) * 0.33);
    }
    100%
    {
        width: var(--handle-width);
    }
}

.theme-toggle-input {
    display: none;
    z-index: 1000;
}

/* Fill in dark mode / default */
.toggle-background {
    position: relative;
    width: var(--toggle-width);
    height: var(--toggle-height);
    border-radius: var(--border-radius);
	background-color: var(--background-modifier-border);

    transition: background-color 0.2s;
    z-index: 1000;

    /* box-shadow: inset 0px 0px 100px -70px var(--color-accent); */
}

/* Handle default */
.toggle-background::before 
{
    content: "";
    position: absolute;
    left: var(--handle-margin);
    top: var(--handle-margin);
    height: var(--handle-width);
    width: var(--handle-width);
    
    border-radius: var(--handle-radius);
    background-color: var(--text-normal);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    animation: toggle-slide-left 0.2s ease-in-out normal both;

    z-index: 1000;
}

/* handle light*/
.theme-toggle-input:checked ~ .toggle-background::before 
{
    animation: toggle-slide-right 0.2s ease-in-out normal both;
}

.theme-toggle-input:active ~ .toggle-background::before 
{
    animation: toggle-expand-right 0.2s ease-in-out normal both;
}

.theme-toggle-input:active:checked ~ .toggle-background::before
{
    animation: toggle-expand-left 0.2s ease-in-out normal both;
}

/* sun moon icon icon default */
.toggle-background::after
{
    content: "";
    position: absolute;
    right: var(--handle-margin);
    top: calc(var(--handle-margin));
    height: var(--handle-width);
    width: var(--handle-width);
    transition: transform 0.3s;
    background: url('https://api.iconify.design/lucide/moon.svg?color=white') no-repeat center center;
    transform: scale(0.9);
}

/* sun moon icon icon light */
.theme-toggle-input:checked ~ .toggle-background::after
{
    transform: translateX(calc(var(--handle-translation) * -1)) scale(0.9);
    background: url('https://api.iconify.design/lucide/sun.svg') no-repeat center center;
}

/*#endregion */

/*#region Graph View */
#graph-canvas
{
    width: 100%;
    height: 100%;
    border: 1px solid var(--modal-border-color);
    border-radius: var(--modal-radius);
    aspect-ratio: 1/1;
}

.graph-view-container.expanded
{
    position: fixed;
    width: 60%;
    height: 90%;
    right: 20%;
    top: 5%;
    background-color: var(--background-secondary);
    z-index: 1000;
}

.graph-view-container 
{
    position: relative;
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
}

.graph-icon 
{
    cursor: pointer;
    color: var(--text-muted);
}

.graph-view-container .graph-icon > svg
{
    width: 24px;
    height: 24px;

    background-color: var(--color-base-00);
    outline-width: 6px;
    outline-color: var(--color-base-00);
    outline-offset: -1px;
    outline-style: solid;
    border-radius: 100px;
    margin: 10px;
}

.graph-view-placeholder 
{
    padding: 0;
    width: auto;
    aspect-ratio: 1/1;
    position: relative;
    flex: none;
    margin: var(--sidebar-margin);
}

.graph-view-placeholder:has(.expanded)
{
    border-radius: var(--modal-radius);
    border: 1px solid var(--modal-border-color);
}

.scale-down 
{
    transition: transform 0.2s ease-in-out;
    transform: scale(0.9);
}

.scale-up 
{
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
}

.graph-expand 
{
    position: absolute;
    top: 5px;
    right: 5px;
}



/*#endregion */

/*#region Tweaks */

hr
{
    border: none;
	border-top: var(--hr-thickness) solid;
    border-color: var(--hr-color);
}

.markdown-embed-link
{
    display: none;
}

/*#endregion */
img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em;
  display: inline-block;
}

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px !important;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px !important;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0  !important;
  box-shadow: none !important;
  background: none !important;
  border: none  !important;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:focus { outline: 0 }

.emoji-mart-category .emoji-mart-emoji:hover:before, 
.emoji-mart-category .emoji-mart-emoji:focus:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #c5c5c5;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  border-spacing: 0;
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list td {
  margin: 0;
  padding: 0;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-category .emoji-mart-emoji {
  background-color: unset !important;
}

.emoji-mart-anchor {
  background-color: unset !important;
}

.emoji-mart-search-icon {
  background-color: unset !important;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before,
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:focus:before {
  background-color: #888;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

#emoji-modal {
  padding: 0px;
  min-width: unset;
  width: unset !important;
}

#emoji-modal > .modal-content {
  margin-top: 0px;
}

#emoji-modal > button {
  background-color: unset;
  border: 0px !important;
  box-shadow: 0px !important;
}

#emoji-modal > .modal-close-button {
  visibility: hidden;
}.obsidian-icon {
  font-size: inherit;
  display: inline-block;
  width: 2rem !important;
  text-align: center;
  /* margin-right: -0.5rem !important; */
}

p .obsidian-icon {
  width: 1.75rem !important;
}

.obsidian-icon.react-icon > svg {
  vertical-align: middle;
  margin-bottom: 3px;
}
 </style>

			<!-- Snippets -->
			<style> 
/* --- imgmiddle.css --- */  
 img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

 .markdown-source-view.mod-cm6 .cm-content > * {
    margin: auto auto !important;
}
  


 </style>
		
			
			<!-- Graph View Data -->
			<script>
			let nodes=
{"nodeCount":27,"linkCount":13,"radii":[7,7,6.888888888888889,5.638888888888889,5.638888888888889,5.638888888888889,4.493055555555555,4.493055555555555,4.493055555555555,4.493055555555555,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],"labels":["Portfolio 作品集","Resume 个人履历","Home Page 主页","20200520-EPID622","20200731-rubella","20200111-Use-Longitudinal-Models-Analyzing-Steam-Games","Portfolio-as-MPH-Student","20200305-Repeat-Academic-Poisson-and-Negative-Binomial-Regression","20200304-Repeat-Ancademic-Survival-Analysis","404","20210313-public-basic-konwledge","20210313-study-plan","20210117-Crawling-Data-From-html-Based-Pages","20200905-ncrerank3database","20201225-healthIinsurance","20200911-MySQL-Hand-Book","20201119-meta-analysis-learning","20200815-SAS-codes","20200729-flight-back-china","20200306-journal-reading","20200220-Markdown-Cheat-Sheet","20200219-gongkaobeikao","20200209-Understanding-Fourier-Transform-and-Wavelet-Analysis","20200114-Vaccine-Making-Selling-Delivering-and-Using-System","20200131-Simulating-SIR-Model","20200110-Connect-Four-Chess","20160901-summer-survey-2016"],"paths":["portfolio-作品集.html","persnal-information-个人信息/resume-个人履历.html","home-page-主页.html","articles/20200520-epid622.html","articles/20200731-rubella.html","articles/20200111-use-longitudinal-models-analyzing-steam-games.html","articles/portfolio-as-mph-student.html","articles/20200305-repeat-academic-poisson-and-negative-binomial-regression.html","articles/20200304-repeat-ancademic-survival-analysis.html","404.html","articles/20210313-public-basic-konwledge.html","articles/20210313-study-plan.html","articles/20210117-crawling-data-from-html-based-pages.html","articles/20200905-ncrerank3database.html","articles/20201225-healthiinsurance.html","articles/20200911-mysql-hand-book.html","articles/20201119-meta-analysis-learning.html","articles/20200815-sas-codes.html","articles/20200729-flight-back-china.html","articles/20200306-journal-reading.html","articles/20200220-markdown-cheat-sheet.html","articles/20200219-gongkaobeikao.html","articles/20200209-understanding-fourier-transform-and-wavelet-analysis.html","articles/20200114-vaccine-making-selling-delivering-and-using-system.html","articles/20200131-simulating-sir-model.html","articles/20200110-connect-four-chess.html","articles/20160901-summer-survey-2016.html"],"linkSources":[9,6,2,2,1,1,1,1,0,0,0,0,0],"linkTargets":[2,1,1,0,4,3,5,2,4,3,5,7,8]};
			let attractionForce = 1;
			let linkLength = 10;
			let repulsionForce = 150;
			let centralForce = 3;
			let edgePruning = 100;
			</script>
			
<script type="module" src="lib/scripts/graph_view.js"></script>

<script src="lib/scripts/graph_wasm.js"></script>

<script src="lib/scripts/tinycolor.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/7.2.4/pixi.min.js" integrity="sha512-Ch/O6kL8BqUwAfCF7Ie5SX1Hin+BJgYH4pNjRqXdTEqMsis1TUYg+j6nnI9uduPjGaj7DN4UKCZgpvoExt6dkw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<script>

//#region Helpers

function getAbsoluteRootPath()
{
	if (typeof rootPath == 'undefined') setupRootPath(document);
	return new URL(window.location.href + "/../" + rootPath).pathname;
}

function getURLPath(url = window.location.pathname)
{
	let absoluteRoot = getAbsoluteRootPath();
	let pathname = url.substring(absoluteRoot.length);
	return pathname;
}

function getURLRootPath(url = window.location.pathname)
{
	let path = getURLPath(url);
	let splitPath = path.split("/");
	let rootPath = "";
	for (let i = 0; i < splitPath.length - 1; i++)
	{
		rootPath += "../";
	}
	return rootPath;
}

async function setTreeCollapsed(element, collapsed, animate = true)
{
	if (!element || !element.classList.contains("mod-collapsible")) return;

	let children = element.querySelector(".tree-item-children");

	if (collapsed)
	{
		element.classList.add("is-collapsed");
		if(animate) slideUp(children, 100);
		else children.style.display = "none";
	}
	else
	{
		element.classList.remove("is-collapsed");
		if(animate) slideDown(children, 100);
		else children.style.removeProperty("display");
	}
}

async function setTreeCollapsedAll(elements, collapsed, animate = true)
{
	let childrenList = [];
	elements.forEach(async element => 
	{
		if (!element || !element.classList.contains("mod-collapsible")) return;

		let children = element.querySelector(".tree-item-children");

		if (collapsed)
		{
			element.classList.add("is-collapsed");
		}
		else
		{
			element.classList.remove("is-collapsed");
		}

		childrenList.push(children);
	});

	if (collapsed)
	{
		if(animate) slideUpAll(childrenList, 100);
		else childrenList.forEach(async children => children.style.display = "none");
	}
	else
	{
		if(animate) slideDownAll(childrenList, 100);
		else childrenList.forEach(async children => children.style.removeProperty("display"));
	}
}

function toggleTreeCollapsed(element)
{
	if (!element) return;
	setTreeCollapsed(element, !element.classList.contains("is-collapsed"));
}

function toggleTreeCollapsedAll(elements)
{
	if (!elements) return;
	setTreeCollapsedAll(elements, !elements[0].classList.contains("is-collapsed"));
}

function getHeaderEl(headerDiv)
{
	let possibleChildHeader = headerDiv.firstChild;
	let isHeader = false;

	while (possibleChildHeader != null)
	{
		isHeader = possibleChildHeader ? /[Hh][1-6]/g.test(possibleChildHeader.tagName) : false;
		if (isHeader) break;

		possibleChildHeader = possibleChildHeader.nextElementSibling;
	}

	return possibleChildHeader;
}

function getPreviousHeader(headerDiv)
{
	let possibleParent = headerDiv.previousElementSibling;
	let isHeader = false;

	while (possibleParent != null)
	{
		let possibleChildHeader = getHeaderEl(possibleParent);
		isHeader = possibleChildHeader ? /[Hh][1-6]/g.test(possibleChildHeader.tagName) : false;
		if (isHeader) break;

		possibleParent = possibleParent.previousElementSibling;
	}

	return possibleParent;
}

function setHeaderOpen(headerDiv, open, openParents = true)
{
	if(headerDiv.tagName != "DIV" || !getHeaderEl(headerDiv))
	{
		console.error("setHeaderOpen() must be called with a header div");
		return;
	}

	// let selector = getHeadingContentsSelector(header);
	if (open) 
	{
		headerDiv.classList.remove("is-collapsed");
		headerDiv.style.display = "";
	}
	if (!open)
	{
		headerDiv.classList.add("is-collapsed");
	}

	let headerEl = getHeaderEl(headerDiv);

	let childHeaders = [];

	let possibleChild = headerDiv.nextElementSibling;

	// loop through next siblings showing/ hiding children until we reach a header of the same or lower level
	while (possibleChild != null)
	{
		let possibleChildHeader = getHeaderEl(possibleChild);

		if(possibleChildHeader)
		{
			// if header is a sibling of this header then break
			if (possibleChildHeader.tagName <= headerEl.tagName) break;

			// save child headers to be re closed afterwards
			childHeaders.push(possibleChild);
		}

		if (!open) possibleChild.style.display = "none";
		else possibleChild.style.display = "";

		possibleChild = possibleChild.nextElementSibling;
	}

	if(open)
	{
		// if we are opening the header then we need to make sure that all closed child headers stay closed
		childHeaders.forEach(function(item)
		{
			if (item.classList.contains("is-collapsed"))
			{
				setHeaderOpen(item, false);
			}
		});

		// if we are opening the header then we need to make sure that all parent headers are open
		if (openParents)
		{
			let previousHeader = getPreviousHeader(headerDiv);
			
			while (previousHeader != null)
			{
				let previousHeaderEl = getHeaderEl(previousHeader);

				if (previousHeaderEl.tagName < headerEl.tagName)
				{
					// if header is a parent of this header then unhide
					setHeaderOpen(previousHeader, true);
					break;
				}
				
				previousHeader = getPreviousHeader(previousHeader);
			}
		}
	}
}

let slideUp = (target, duration=500) => {

	target.style.transitionProperty = 'height, margin, padding';
	target.style.transitionDuration = duration + 'ms';
	target.style.boxSizing = 'border-box';
	target.style.height = target.offsetHeight + 'px';
	target.offsetHeight;
	target.style.overflow = 'hidden';
	target.style.height = 0;
	target.style.paddingTop = 0;
	target.style.paddingBottom = 0;
	target.style.marginTop = 0;
	target.style.marginBottom = 0;
	window.setTimeout(async () => {
			target.style.display = 'none';
			target.style.removeProperty('height');
			target.style.removeProperty('padding-top');
			target.style.removeProperty('padding-bottom');
			target.style.removeProperty('margin-top');
			target.style.removeProperty('margin-bottom');
			target.style.removeProperty('overflow');
			target.style.removeProperty('transition-duration');
			target.style.removeProperty('transition-property');
	}, duration);
}

let slideUpAll = (targets, duration=500) => {

	targets.forEach(async target => {
		target.style.transitionProperty = 'height, margin, padding';
		target.style.transitionDuration = duration + 'ms';
		target.style.boxSizing = 'border-box';
		target.style.height = target.offsetHeight + 'px';
		target.offsetHeight;
		target.style.overflow = 'hidden';
		target.style.height = 0;
		target.style.paddingTop = 0;
		target.style.paddingBottom = 0;
		target.style.marginTop = 0;
		target.style.marginBottom = 0;
	});

	window.setTimeout(async () => {
		targets.forEach(async target => {
			target.style.display = 'none';
			target.style.removeProperty('height');
			target.style.removeProperty('padding-top');
			target.style.removeProperty('padding-bottom');
			target.style.removeProperty('margin-top');
			target.style.removeProperty('margin-bottom');
			target.style.removeProperty('overflow');
			target.style.removeProperty('transition-duration');
			target.style.removeProperty('transition-property');
		});
	}, duration);
}

let slideDown = (target, duration=500) => {

	target.style.removeProperty('display');
	let display = window.getComputedStyle(target).display;
	if (display === 'none') display = 'block';
	target.style.display = display;
	let height = target.offsetHeight;
	target.style.overflow = 'hidden';
	target.style.height = 0;
	target.style.paddingTop = 0;
	target.style.paddingBottom = 0;
	target.style.marginTop = 0;
	target.style.marginBottom = 0;
	target.offsetHeight;
	target.style.boxSizing = 'border-box';
	target.style.transitionProperty = "height, margin, padding";
	target.style.transitionDuration = duration + 'ms';
	target.style.height = height + 'px';
	target.style.removeProperty('padding-top');
	target.style.removeProperty('padding-bottom');
	target.style.removeProperty('margin-top');
	target.style.removeProperty('margin-bottom');
	window.setTimeout(async () => {
		target.style.removeProperty('height');
		target.style.removeProperty('overflow');
		target.style.removeProperty('transition-duration');
		target.style.removeProperty('transition-property');
	}, duration);
}

let slideDownAll = (targets, duration=500) => {

	targets.forEach(async target => {
		target.style.removeProperty('display');
		let display = window.getComputedStyle(target).display;
		if (display === 'none') display = 'block';
		target.style.display = display;
		let height = target.offsetHeight;
		target.style.overflow = 'hidden';
		target.style.height = 0;
		target.style.paddingTop = 0;
		target.style.paddingBottom = 0;
		target.style.marginTop = 0;
		target.style.marginBottom = 0;
		target.offsetHeight;
		target.style.boxSizing = 'border-box';
		target.style.transitionProperty = "height, margin, padding";
		target.style.transitionDuration = duration + 'ms';
		target.style.height = height + 'px';
		target.style.removeProperty('padding-top');
		target.style.removeProperty('padding-bottom');
		target.style.removeProperty('margin-top');
		target.style.removeProperty('margin-bottom');
	});

	window.setTimeout( async () => {
		targets.forEach(async target => {
			target.style.removeProperty('height');
			target.style.removeProperty('overflow');
			target.style.removeProperty('transition-duration');
			target.style.removeProperty('transition-property');
		});
	}, duration);
}

var slideToggle = (target, duration = 500) => {
	if (window.getComputedStyle(target).display === 'none') {
		return slideDown(target, duration);
	} else {
		return slideUp(target, duration);
	}
}

var slideToggleAll = (targets, duration = 500) => {
	if (window.getComputedStyle(targets[0]).display === 'none') {
		return slideDownAll(targets, duration);
	} else {
		return slideUpAll(targets, duration);
	}
}

//#endregion

async function loadDocument(url, pushHistory = true, scrollTo = true)
{
	console.log("Loading document: " + url);
	
	// change the active file
	setActiveDocument(url, scrollTo, pushHistory);

	let response;

	// if(typeof embeddedDocuments == 'undefined')
	// {
	try
	{
		response = await fetch(url);
	}
	catch (error)
	{
		console.log("Cannot use fetch API (likely due to CORS), just loading the page normally.");
		window.location.assign(url);
		return;
	}
	// }
	// else
	// {
	// 	response = new Response(embeddedDocuments[url], {status: 200, statusText: "OK"});
	// }

	let doc = document.implementation.createHTMLDocument();

	if (response.ok)
	{
		let html = (await response.text()).replaceAll("<!DOCTYPE html>", "").replaceAll("<html>", "").replaceAll("</html>", "");
		doc.documentElement.innerHTML = html;

		// copy document content and outline tree
		document.querySelector(".document-container").innerHTML = doc.querySelector(".document-container").innerHTML;
		document.querySelector(".outline-tree").innerHTML = doc.querySelector(".outline-tree").innerHTML;
	
		// if the url has a heading, scroll to it
		let splitURL = url.split("#");
		let pathnameTarget = splitURL[0] ?? url;
		let headingTarget = splitURL.length > 1 ? splitURL[1] : null;
		if (headingTarget) document.getElementById(headingTarget).scrollIntoView();

		// Change the root path to match the match from the new page
		setupRootPath(doc);

		// initialize events on the new page
		initializePage(document.querySelector(".document-container"));
		initializePage(document.querySelector(".outline-tree"));

		document.title = doc.title;
	}
	else
	{
		// if the page is not able to load instead add a header saying the page doesn't exist
		document.querySelector(".markdown-preview-view").innerHTML = 
		`
		<div>
			<center style='position: relative; transform: translateY(20vh); width: 100%; text-align: center;'>
				<h1 style>Page Not Found</h1>
			</center>
		</div>
		`;

		document.querySelector(".outline-tree").innerHTML = "";

		console.log("Page not found: " + getAbsoluteRootPath() + url);
		let newRootPath = getURLRootPath(getAbsoluteRootPath() + url);
		rootPath = newRootPath;
		document.querySelector("base").href = newRootPath;

		document.title = "Page Not Found";
	}

	return doc;
}

function setActiveDocument(url, scrollTo = true, pushHistory = true)
{
	let pathnameTarget = url.split("#")[0] ?? url; // path with no header

	// switch active file in file tree
	document.querySelector(".tree-item.mod-active")?.classList.remove("mod-active");
	let treeItems = Array.from(document.querySelectorAll(".tree-item > .tree-item-contents > .tree-item-link"));
	let treeItem = undefined;
	for (let item of treeItems) 
	{
		if (item.getAttribute("href") == url)
		{
			let parent = item.parentElement.parentElement;

			parent.classList.add("mod-active");
			treeItem = parent;
			
			while (parent.hasAttribute("data-depth"))
			{
				setTreeCollapsed(parent, false, false);
				parent = parent.parentElement.parentElement;
			}

			continue;
		}
	}

	if(scrollTo) treeItem?.scrollIntoView({block: "center", inline: "nearest"});

	// set the active file in th graph view
	if(typeof nodes != 'undefined' && window.renderWorker)
	{
		let activeNode = nodes?.paths.findIndex(function(item) { return item.endsWith(pathnameTarget); }) ?? -1;
		
		if(activeNode >= 0) 
		{
			window.renderWorker.activeNode = activeNode;
		}
	}

	if(pushHistory && window.location.protocol != "file:") window.history.pushState({ path: pathnameTarget }, '', pathnameTarget);
}

//#region Initialization
function setupThemeToggle(setupOnNode)
{
	if (localStorage.getItem("theme_toggle") != null)
    {
        setThemeToggle(localStorage.getItem("theme_toggle") == "true");
    }

	// var lastScheme = "theme-dark";
	// change theme to match current system theme
	// if (localStorage.getItem("theme_toggle") == null && window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches)
	// {
	// 	setThemeToggle(true);
	// 	lastScheme = "theme-light";
	// }
	// if (localStorage.getItem("theme_toggle") == null && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
	// {
	// 	setThemeToggle(true);
	// 	lastScheme = "theme-dark";
	// }

	// set initial toggle state based on body theme class
	if (document.body.classList.contains("theme-light"))
	{
		setThemeToggle(true);
	}
	else
	{
		setThemeToggle(false);
	}

	function setThemeToggle(state, instant = false)
	{
		let toggle = document.querySelector(".theme-toggle-input");

		toggle.checked = state;

		if (instant) 
		{	
			var oldTransition = document.body.style.transition;
			document.body.style.transition = "none";
		}

		if(!toggle.classList.contains("is-checked") && state)
		{
			toggle.classList.add("is-checked");
		}
		else if (toggle.classList.contains("is-checked") && !state)
		{
			toggle.classList.remove("is-checked");
		}

		if(!state)
		{
			if (document.body.classList.contains("theme-light"))
			{
				document.body.classList.remove("theme-light");
			}

			if (!document.body.classList.contains("theme-dark"))
			{
				document.body.classList.add("theme-dark");
			}
		}
		else
		{
			if (document.body.classList.contains("theme-dark"))
			{
				document.body.classList.remove("theme-dark");
			}

			if (!document.body.classList.contains("theme-light"))
			{
				document.body.classList.add("theme-light");
			}
		}

		if (instant)
		{
			setTimeout(function()
			{
				document.body.style.transition = oldTransition;
			}, 100);
		}

		localStorage.setItem("theme_toggle", state ? "true" : "false");
	}

    setupOnNode.querySelector(".theme-toggle-input")?.addEventListener("change", event =>
	{
		console.log("Theme toggle changed to: " + !(localStorage.getItem("theme_toggle") == "true"));
		setThemeToggle(!(localStorage.getItem("theme_toggle") == "true"));
	});

    // window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => 
	// {
	// 	// return if we are printing
	// 	if (window.matchMedia('print').matches)
	// 	{
	// 		printing = true;
	// 		return;
	// 	}

    //     let newColorScheme = event.matches ? "theme-dark" : "theme-light";

	// 	if (newColorScheme == lastScheme) return;

    //     if (newColorScheme == "theme-dark")
    //     {
	// 		setThemeToggle(false);
    //     }

    //     if (newColorScheme == "theme-light")
    //     {
	// 		setThemeToggle(true);
    //     }

	// 	lastScheme = newColorScheme;
    // });

}

function setupHeaders(setupOnNode)
{
    // MAKE HEADERS COLLAPSIBLE
	setupOnNode.querySelectorAll(".heading-collapse-indicator").forEach(function (element) 
	{
		element.addEventListener("click", function () 
		{
			var isOpen = !this.parentElement.parentElement.classList.contains("is-collapsed");
			setHeaderOpen(this.parentElement.parentElement, !isOpen);
		});
	});

	// unfold header when an internal link that points to that header is clicked
	setupOnNode.querySelectorAll("a.internal-link, a.tree-item-link").forEach(function (element) 
	{
		element.addEventListener("click", function (event) 
		{
			event.preventDefault();
			let target = this.getAttribute("href");

			// if the target is a header uncollapse it
			if (target.startsWith("#")) 
			{
				console.log("Uncollapsing header: " + target);
				let header = document.getElementById(target.substring(1));
				setHeaderOpen(header.parentElement, true);
			}
		});
	});
}

function setupTrees(setupOnNode) 
{
	const fileTreeItems = Array.from(setupOnNode.querySelectorAll(".tree-container.file-tree .tree-item"));

    setupOnNode.querySelectorAll(".tree-item-contents > .collapse-icon").forEach(function(item)
	{
		item.addEventListener("click", function()
		{
			toggleTreeCollapsed(item.parentElement.parentElement);
		});
	});

	let fileTreeCollapse = setupOnNode.querySelector(".tree-container.file-tree .collapse-tree-button");
	if (fileTreeCollapse) fileTreeCollapse.addEventListener("click", async function()
	{
		let fileTreeIsCollapsed = fileTreeCollapse.classList.contains("is-collapsed");
		
		setTreeCollapsedAll(fileTreeItems, !fileTreeIsCollapsed, fileTreeItems.length < 100);

		fileTreeCollapse.classList.toggle("is-collapsed");
		fileTreeCollapse.querySelector("iconify-icon").setAttribute("icon", fileTreeIsCollapsed ? "ph:arrows-out-line-horizontal-bold" : "ph:arrows-in-line-horizontal-bold");
	});


	let outlineTreeCollapse = setupOnNode.querySelector(".tree-container.outline-tree .collapse-tree-button");
	if(outlineTreeCollapse) outlineTreeCollapse.addEventListener("click", async function()
	{
		let outlineTreeIsCollapsed = outlineTreeCollapse.classList.contains("is-collapsed");

		let items = Array.from(outlineTreeCollapse.parentElement.parentElement.querySelectorAll(".tree-item"));
		setTreeCollapsedAll(items, !outlineTreeIsCollapsed, items.length < 100);

		outlineTreeCollapse.classList.toggle("is-collapsed");
		outlineTreeCollapse.querySelector("iconify-icon").setAttribute("icon", outlineTreeIsCollapsed ? "ph:arrows-out-line-horizontal-bold" : "ph:arrows-in-line-horizontal-bold");
	});
	
	// start with all closed
	setupOnNode.querySelectorAll(".tree-container .tree-item").forEach(function(item)
	{
		if (item.classList.contains("is-collapsed")) setTreeCollapsed(item, true, false);
	});

	// make sure the icons match their starting collaped state
	setupOnNode.querySelectorAll(".tree-container > .tree-header > .collapse-tree-button").forEach(function(item)
	{
		if (item.classList.contains("is-collapsed"))
		{
			item.querySelector("iconify-icon").setAttribute("icon", "ph:arrows-out-line-horizontal-bold");
		}
		else
		{
			item.querySelector("iconify-icon").setAttribute("icon", "ph:arrows-in-line-horizontal-bold");
		}
	});
}

function setupCallouts(setupOnNode)
{
	// MAKE CALLOUTS COLLAPSIBLE
    // if the callout title is clicked, toggle the display of .callout-content
	setupOnNode.querySelectorAll(".callout.is-collapsible .callout-title").forEach(function (element) 
	{
		element.addEventListener("click", function () 
		{
			var parent = this.parentElement;
			var isCollapsed = parent.classList.contains("is-collapsed");

			parent.classList.toggle("is-collapsed");
			element.querySelector(".callout-fold").classList.toggle("is-collapsed");

			slideToggle(parent.querySelector(".callout-content"), 100);
		});
	});

}

function setupCheckboxes(setupOnNode)
{
	// Fix checkboxed toggling .is-checked
	setupOnNode.querySelectorAll(".task-list-item-checkbox").forEach(function (element) 
	{
		element.addEventListener("click", function () 
		{
			var parent = this.parentElement;
			parent.classList.toggle("is-checked");
			parent.setAttribute("data-task", parent.classList.contains("is-checked") ? "x" : " ");
		});
	});

	setupOnNode.querySelectorAll(`.plugin-tasks-list-item input[type="checkbox"]`).forEach(function(checkbox)
	{
		checkbox.checked = checkbox.parentElement.classList.contains("is-checked");
	});

	setupOnNode.querySelectorAll('.kanban-plugin__item.is-complete').forEach(function(checkbox)
	{
		checkbox.querySelector('input[type="checkbox"]').checked = true;
	});
}

function setupCanvas(setupOnNode)
{
	let focusedNode = null;

	// make canvas nodes selectable
	setupOnNode.querySelectorAll(".canvas-node-content-blocker").forEach(function (element) 
	{
		element.addEventListener("click", function () 
		{
			var parent = this.parentElement.parentElement;
			parent.classList.toggle("is-focused");
			this.style.display = "none";

			if (focusedNode) 
			{
				focusedNode.classList.remove("is-focused");
				focusedNode.querySelector(".canvas-node-content-blocker").style.display = "";
			}

			focusedNode = parent;
		});
	});

	// make canvas node deselect when clicking outside
	// document.addEventListener("click", function (event) 
	// {
	// 	if (!event.target.closest(".canvas-node")) 
	// 	{
	// 		document.querySelectorAll(".canvas-node").forEach(function (node) 
	// 		{
	// 			node.classList.remove("is-focused");
	// 			node.querySelector(".canvas-node-content-blocker").style.display = "";
	// 		});
	// 	}
	// });

}

function setupCodeblocks(setupOnNode)
{
	// make code snippet block copy button copy the code to the clipboard
	setupOnNode.querySelectorAll(".copy-code-button").forEach(function (element) 
	{
		element.addEventListener("click", function () 
		{
			var code = this.parentElement.querySelector("code").textContent;
			navigator.clipboard.writeText(code);
			this.textContent = "Copied!";
			// set a timeout to change the text back
			setTimeout(function () 
			{
				setupOnNode.querySelectorAll(".copy-code-button").forEach(function (button) 
				{
					button.textContent = "Copy";
				});
			}, 2000);
		});
	});
}

function setupLinks(setupOnNode)
{
	setupOnNode.querySelectorAll(".internal-link, .footnote-link, .tree-item-link").forEach(function(link)
	{
		link.addEventListener("click", function(event)
		{
			let target = link.getAttribute("href");
			event.preventDefault();

			// this is linking to a different page
			if (!target.startsWith("#"))
			{
				// load doc, if it is a tree link then don't scroll to the active doc in the file tree
				loadDocument(target, true, !link.classList.contains("tree-item-link"));
				return;
			}
			else
			{
				let headerTarget = document.getElementById(target.substring(1));
				setHeaderOpen(headerTarget.parentElement, true);
				headerTarget.scrollIntoView();
			}
		});
	});

    window.onpopstate = function(event)
    {
		loadDocument(getURLPath(), false);
    }
}


let sidebarWidth = undefined;
let lineWidth = undefined;
function setupResize(setupOnNode)
{
	if (setupOnNode != document) return;

	function updateSidebars()
	{
		let rightSidebar = document.querySelector(".sidebar-right");
		let leftSidebar = document.querySelector(".sidebar-left");
		let sidebarCount = (rightSidebar ? 1 : 0) + (leftSidebar ? 1 : 0);

		if (sidebarCount == 0) return;

		if(!sidebarWidth) sidebarWidth = Math.max(rightSidebar?.clientWidth, leftSidebar?.clientWidth);

		if (!lineWidth)
		{
			let docWidthTestEl = document.createElement("div");
			document.querySelector(".markdown-preview-view").appendChild(docWidthTestEl);
			docWidthTestEl.style.width = "var(--line-width)";
			docWidthTestEl.style.minWidth = "var(--line-width)";
			docWidthTestEl.style.maxWidth = "var(--line-width)";
			lineWidth = docWidthTestEl.clientWidth;
			docWidthTestEl.remove();
		}

		let letHideRightThreshold = sidebarWidth * sidebarCount + lineWidth / 2;

		if (window.innerWidth < letHideRightThreshold)
		{
			rightSidebar.style.display = "none";
		}
		else
		{
			rightSidebar.style.display = "";
		}

		let letHideLeftThreshold = lineWidth / 2 + sidebarWidth;

		if (window.innerWidth < letHideLeftThreshold)
		{
			leftSidebar.style.display = "none";
		}
		else
		{
			leftSidebar.style.display = "";
		}
	}

	window.addEventListener("resize", function()
	{
		updateSidebars();
	});

	updateSidebars();
}

function setupRootPath(fromDocument)
{
	let basePath = fromDocument.querySelector("#root-path").getAttribute("root-path");
	document.querySelector("base").href = basePath;
	document.querySelector("#root-path").setAttribute("root-path", basePath);
	rootPath = basePath;
}

let touchDrag = false;

function initializePage(setupOnNode)
{
    setupThemeToggle(setupOnNode);
    setupHeaders(setupOnNode);
    setupTrees(setupOnNode);
	setupCallouts(setupOnNode);
	setupCheckboxes(setupOnNode);
	setupCanvas(setupOnNode);
	setupCodeblocks(setupOnNode);
	setupLinks(setupOnNode);
	setupResize(setupOnNode);

	setupOnNode.querySelectorAll("*").forEach(function(element)
	{
		element.addEventListener("touchend", function(event)
		{
			if (touchDrag)
			{
				touchDrag = false;
				event.stopPropagation();
				return;
			}

			if (element instanceof HTMLElement) element.click();
		});
	});

	if(setupOnNode == document) 
	{
		document.body.addEventListener("touchmove", function(event)
		{
			event.stopImmediatePropagation();
			touchDrag = true;
		});

		setupRootPath(document);
		setActiveDocument(getURLPath());
	}
}

function initializeForFileProtocol()
{
	let graphEl = document.querySelector(".graph-view-placeholder");
	if(graphEl)
	{
		console.log("Running locally, skipping graph view initialization and hiding graph.");
		graphEl.style.display = "none";
		graphEl.previousElementSibling.style.display = "none"; // hide the graph's header
	}
}

//#endregion

window.onload = function()
{
	if (window.location.protocol == "file:") initializeForFileProtocol();
	initializePage(document);
}
</script>

			</head><body class="mod-windows is-frameless is-hidden-frameless obsidian-app theme-light show-view-header is-maximized" style="--zoom-factor:1; --font-text-size:16px; --line-width:50em; --line-width-adaptive:50em; --file-line-width:50em; --content-width:500em; --sidebar-width:25em; --collapse-arrow-size:0.4em; --tree-horizontal-spacing:1em; --tree-vertical-spacing:0.5em; --sidebar-margin:12px;"><div class="webpage-container"><div class="sidebar-left sidebar"><div class="sidebar-content"><div><label class="theme-toggle-container" for="theme_toggle"><input class="theme-toggle-input" type="checkbox" id="theme_toggle"><div class="toggle-background"></div></label></div><div class="tree-container file-tree mod-nav-indicator" data-depth="0"><div class="tree-header"><span class="sidebar-section-header">Ry2an's Studio</span><button class="clickable-icon collapse-tree-button is-collapsed"><iconify-icon icon="ph:arrows-in-line-horizontal-bold" width="18px" height="18px" rotate="90deg" color="currentColor"></iconify-icon></button></div><div class="tree-scroll-area"><div class="tree-item mod-tree-folder mod-collapsible is-collapsed" data-depth="1"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="articles"><span class="tree-item-title">Articles</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20160901-summer-survey-2016.html"><span class="tree-item-title">20160901-summer-survey-2016</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200110-connect-four-chess.html"><span class="tree-item-title">20200110-Connect-Four-Chess</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200111-use-longitudinal-models-analyzing-steam-games.html"><span class="tree-item-title">20200111-Use-Longitudinal-Models-Analyzing-Steam-Games</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200114-vaccine-making-selling-delivering-and-using-system.html"><span class="tree-item-title">20200114-Vaccine-Making-Selling-Delivering-and-Using-System</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200131-simulating-sir-model.html"><span class="tree-item-title">20200131-Simulating-SIR-Model</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200209-understanding-fourier-transform-and-wavelet-analysis.html"><span class="tree-item-title">20200209-Understanding-Fourier-Transform-and-Wavelet-Analysis</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200219-gongkaobeikao.html"><span class="tree-item-title">20200219-gongkaobeikao</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200220-markdown-cheat-sheet.html"><span class="tree-item-title">20200220-Markdown-Cheat-Sheet</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200304-repeat-ancademic-survival-analysis.html"><span class="tree-item-title">20200304-Repeat-Ancademic-Survival-Analysis</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200305-repeat-academic-poisson-and-negative-binomial-regression.html"><span class="tree-item-title">20200305-Repeat-Academic-Poisson-and-Negative-Binomial-Regression</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200306-journal-reading.html"><span class="tree-item-title">20200306-journal-reading</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200520-epid622.html"><span class="tree-item-title">20200520-EPID622</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200729-flight-back-china.html"><span class="tree-item-title">20200729-flight-back-china</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200731-rubella.html"><span class="tree-item-title">20200731-rubella</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200815-sas-codes.html"><span class="tree-item-title">20200815-SAS-codes</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200905-ncrerank3database.html"><span class="tree-item-title">20200905-ncrerank3database</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20200911-mysql-hand-book.html"><span class="tree-item-title">20200911-MySQL-Hand-Book</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20201119-meta-analysis-learning.html"><span class="tree-item-title">20201119-meta-analysis-learning</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20201225-healthiinsurance.html"><span class="tree-item-title">20201225-healthIinsurance</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20210117-crawling-data-from-html-based-pages.html"><span class="tree-item-title">20210117-Crawling-Data-From-html-Based-Pages</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20210313-public-basic-konwledge.html"><span class="tree-item-title">20210313-public-basic-konwledge</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/20210313-study-plan.html"><span class="tree-item-title">20210313-study-plan</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="articles/portfolio-as-mph-student.html"><span class="tree-item-title">Portfolio-as-MPH-Student</span></a></div><div class="tree-item-children"></div></div></div></div><div class="tree-item mod-tree-folder mod-collapsible is-collapsed" data-depth="1"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="persnal-information-个人信息"><span class="tree-item-title">Persnal Information 个人信息</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-file" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="persnal-information-个人信息/resume-个人履历.html"><span class="tree-item-title">Resume 个人履历</span></a></div><div class="tree-item-children"></div></div></div></div><div class="tree-item mod-tree-file" data-depth="1"><div class="tree-item-contents"><a class="tree-item-link" href="404.html"><span class="tree-item-title">404</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="1"><div class="tree-item-contents"><a class="tree-item-link" href="home-page-主页.html"><span class="tree-item-title">Home Page 主页</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-file" data-depth="1"><div class="tree-item-contents"><a class="tree-item-link" href="portfolio-作品集.html"><span class="tree-item-title">Portfolio 作品集</span></a></div><div class="tree-item-children"></div></div></div></div></div></div><div class="document-container"><div class="markdown-preview-view markdown-rendered node-insert-event is-readable-line-width allow-fold-headings show-indentation-guide allow-fold-lists" tabindex="-1" style="tab-size: 4;"><style id="MJX-CHTML-styles">mjx-c.mjx-c56::before { padding: 0.683em 0.75em 0.022em 0px; content: "V"; }
mjx-c.mjx-c5C::before { padding: 0.75em 0.5em 0.25em 0px; content: "\\"; }
mjx-c.mjx-c2A::before { padding: 0.75em 0.5em 0px 0px; content: "*"; }
mjx-munderover { display: inline-block; text-align: left; }
mjx-munderover:not([limits="false"]) { padding-top: 0.1em; }
mjx-munderover:not([limits="false"]) > * { display: block; }
mjx-c.mjx-c1D466.TEX-I::before { padding: 0.442em 0.49em 0.205em 0px; content: "y"; }
mjx-c.mjx-c1D467.TEX-I::before { padding: 0.442em 0.465em 0.011em 0px; content: "z"; }
mjx-c.mjx-c1D465.TEX-I::before { padding: 0.442em 0.572em 0.011em 0px; content: "x"; }
mjx-c.mjx-c2D::before { padding: 0.252em 0.333em 0px 0px; content: "-"; }
mjx-mover { display: inline-block; text-align: left; }
mjx-mover:not([limits="false"]) { padding-top: 0.1em; }
mjx-mover:not([limits="false"]) > * { display: block; text-align: left; }
mjx-msup { display: inline-block; text-align: left; }
mjx-c.mjx-c1D444.TEX-I::before { padding: 0.704em 0.791em 0.194em 0px; content: "Q"; }
mjx-c.mjx-c2211.TEX-S2::before { padding: 0.95em 1.444em 0.45em 0px; content: "∑"; }
mjx-c.mjx-c1D44A.TEX-I::before { padding: 0.683em 1.048em 0.022em 0px; content: "W"; }
mjx-c.mjx-c2013::before { padding: 0.285em 0.5em 0px 0px; content: "–"; }
mjx-c.mjx-c2211.TEX-S1::before { padding: 0.75em 1.056em 0.25em 0px; content: "∑"; }
mjx-c.mjx-c1D449.TEX-I::before { padding: 0.683em 0.769em 0.022em 0px; content: "V"; }
mjx-c.mjx-c1D43C.TEX-I::before { padding: 0.683em 0.504em 0px 0px; content: "I"; }
mjx-c.mjx-c1D43E.TEX-I::before { padding: 0.683em 0.889em 0px 0px; content: "K"; }
mjx-c.mjx-c25::before { padding: 0.75em 0.833em 0.056em 0px; content: "%"; }
mjx-texatom { display: inline-block; text-align: left; }
mjx-mrow { display: inline-block; text-align: left; }
mjx-msubsup { display: inline-block; text-align: left; }
mjx-script { display: inline-block; padding-right: 0.05em; padding-left: 0.033em; }
mjx-script > mjx-spacer { display: block; }
mjx-c.mjx-c4F::before { padding: 0.705em 0.778em 0.022em 0px; content: "O"; }
mjx-c.mjx-c62::before { padding: 0.694em 0.556em 0.011em 0px; content: "b"; }
mjx-c.mjx-c1D446.TEX-I::before { padding: 0.705em 0.645em 0.022em 0px; content: "S"; }
mjx-c.mjx-c1D453.TEX-I::before { padding: 0.705em 0.55em 0.205em 0px; content: "f"; }
mjx-c.mjx-c2212::before { padding: 0.583em 0.778em 0.082em 0px; content: "−"; }
mjx-c.mjx-c1D45F.TEX-I::before { padding: 0.442em 0.451em 0.011em 0px; content: "r"; }
mjx-c.mjx-c1D45D.TEX-I::before { padding: 0.442em 0.503em 0.194em 0px; content: "p"; }
mjx-c.mjx-c1D451.TEX-I::before { padding: 0.694em 0.52em 0.01em 0px; content: "d"; }
mjx-c.mjx-c1D440.TEX-I::before { padding: 0.683em 1.051em 0px 0px; content: "M"; }
mjx-c.mjx-c1D43B.TEX-I::before { padding: 0.683em 0.888em 0px 0px; content: "H"; }
mjx-c.mjx-c210E.TEX-I::before { padding: 0.694em 0.576em 0.011em 0px; content: "h"; }
mjx-c.mjx-c41::before { padding: 0.716em 0.75em 0px 0px; content: "A"; }
mjx-c.mjx-c67::before { padding: 0.453em 0.5em 0.206em 0px; content: "g"; }
mjx-c.mjx-c47::before { padding: 0.705em 0.785em 0.022em 0px; content: "G"; }
mjx-c.mjx-c64::before { padding: 0.694em 0.556em 0.011em 0px; content: "d"; }
mjx-c.mjx-c34::before { padding: 0.677em 0.5em 0px 0px; content: "4"; }
mjx-c.mjx-c48::before { padding: 0.683em 0.75em 0px 0px; content: "H"; }
mjx-c.mjx-c68::before { padding: 0.694em 0.556em 0px 0px; content: "h"; }
mjx-c.mjx-c4B::before { padding: 0.683em 0.778em 0px 0px; content: "K"; }
mjx-c.mjx-c43::before { padding: 0.705em 0.722em 0.021em 0px; content: "C"; }
mjx-c.mjx-c63::before { padding: 0.448em 0.444em 0.011em 0px; content: "c"; }
mjx-c.mjx-c35::before { padding: 0.666em 0.5em 0.022em 0px; content: "5"; }
mjx-c.mjx-c36::before { padding: 0.666em 0.5em 0.022em 0px; content: "6"; }
mjx-c.mjx-c38::before { padding: 0.666em 0.5em 0.022em 0px; content: "8"; }
mjx-c.mjx-c50::before { padding: 0.683em 0.681em 0px 0px; content: "P"; }
mjx-c.mjx-c1D45E.TEX-I::before { padding: 0.442em 0.46em 0.194em 0px; content: "q"; }
mjx-c.mjx-c1D464.TEX-I::before { padding: 0.443em 0.716em 0.011em 0px; content: "w"; }
mjx-c.mjx-c1D45A.TEX-I::before { padding: 0.442em 0.878em 0.011em 0px; content: "m"; }
mjx-c.mjx-c2061::before { padding: 0px; content: ""; }
mjx-c.mjx-c7A::before { padding: 0.431em 0.444em 0px 0px; content: "z"; }
mjx-c.mjx-c7C::before { padding: 0.75em 0.278em 0.249em 0px; content: "|"; }
mjx-c.mjx-c78::before { padding: 0.431em 0.528em 0px 0px; content: "x"; }
mjx-c.mjx-c1D436.TEX-I::before { padding: 0.705em 0.76em 0.022em 0px; content: "C"; }
mjx-c.mjx-c1D437.TEX-I::before { padding: 0.683em 0.828em 0px 0px; content: "D"; }
mjx-c.mjx-c3C::before { padding: 0.54em 0.778em 0.04em 0px; content: "<"; }
mjx-c.mjx-c1D434.TEX-I::before { padding: 0.716em 0.75em 0px 0px; content: "A"; }
mjx-c.mjx-c1D44F.TEX-I::before { padding: 0.694em 0.429em 0.011em 0px; content: "b"; }
mjx-c.mjx-c1D462.TEX-I::before { padding: 0.442em 0.572em 0.011em 0px; content: "u"; }
mjx-c.mjx-c42::before { padding: 0.683em 0.708em 0px 0px; content: "B"; }
mjx-c.mjx-c4D::before { padding: 0.683em 0.917em 0px 0px; content: "M"; }
mjx-c.mjx-c49::before { padding: 0.683em 0.361em 0px 0px; content: "I"; }
mjx-c.mjx-c75::before { padding: 0.442em 0.556em 0.011em 0px; content: "u"; }
mjx-c.mjx-c76::before { padding: 0.431em 0.528em 0.011em 0px; content: "v"; }
mjx-c.mjx-c1D457.TEX-I::before { padding: 0.661em 0.412em 0.204em 0px; content: "j"; }
mjx-c.mjx-c66::before { padding: 0.705em 0.372em 0px 0px; content: "f"; }
mjx-c.mjx-c45::before { padding: 0.68em 0.681em 0px 0px; content: "E"; }
mjx-c.mjx-c2E::before { padding: 0.12em 0.278em 0px 0px; content: "."; }
mjx-c.mjx-c1D6FC.TEX-I::before { padding: 0.442em 0.64em 0.011em 0px; content: "α"; }
mjx-c.mjx-c1D706.TEX-I::before { padding: 0.694em 0.583em 0.012em 0px; content: "λ"; }
mjx-c.mjx-c1D443.TEX-I::before { padding: 0.683em 0.751em 0px 0px; content: "P"; }
mjx-c.mjx-c1D460.TEX-I::before { padding: 0.442em 0.469em 0.01em 0px; content: "s"; }
mjx-container[jax="CHTML"] { line-height: 0; }
mjx-container [space="1"] { margin-left: 0.111em; }
mjx-container [space="2"] { margin-left: 0.167em; }
mjx-container [space="3"] { margin-left: 0.222em; }
mjx-container [space="4"] { margin-left: 0.278em; }
mjx-container [space="5"] { margin-left: 0.333em; }
mjx-container [rspace="1"] { margin-right: 0.111em; }
mjx-container [rspace="2"] { margin-right: 0.167em; }
mjx-container [rspace="3"] { margin-right: 0.222em; }
mjx-container [rspace="4"] { margin-right: 0.278em; }
mjx-container [rspace="5"] { margin-right: 0.333em; }
mjx-container [size="s"] { font-size: 70.7%; }
mjx-container [size="ss"] { font-size: 50%; }
mjx-container [size="Tn"] { font-size: 60%; }
mjx-container [size="sm"] { font-size: 85%; }
mjx-container [size="lg"] { font-size: 120%; }
mjx-container [size="Lg"] { font-size: 144%; }
mjx-container [size="LG"] { font-size: 173%; }
mjx-container [size="hg"] { font-size: 207%; }
mjx-container [size="HG"] { font-size: 249%; }
mjx-container [width="full"] { width: 100%; }
mjx-box { display: inline-block; }
mjx-block { display: block; }
mjx-itable { display: inline-table; }
mjx-row { display: table-row; }
mjx-row > * { display: table-cell; }
mjx-mtext { display: inline-block; text-align: left; }
mjx-mstyle { display: inline-block; }
mjx-merror { display: inline-block; color: red; background-color: yellow; }
mjx-mphantom { visibility: hidden; }
mjx-assistive-mml { top: 0px; left: 0px; clip: rect(1px, 1px, 1px, 1px); user-select: none; position: absolute !important; padding: 1px 0px 0px !important; border: 0px !important; display: block !important; width: auto !important; overflow: hidden !important; }
mjx-assistive-mml[display="block"] { width: 100% !important; }
mjx-math { display: inline-block; text-align: left; line-height: 0; text-indent: 0px; font-style: normal; font-weight: normal; font-size: 100%; letter-spacing: normal; border-collapse: collapse; overflow-wrap: normal; word-spacing: normal; white-space: nowrap; direction: ltr; padding: 1px 0px; }
mjx-container[jax="CHTML"][display="true"] { display: block; text-align: center; margin: 1em 0px; }
mjx-container[jax="CHTML"][display="true"][width="full"] { display: flex; }
mjx-container[jax="CHTML"][display="true"] mjx-math { padding: 0px; }
mjx-container[jax="CHTML"][justify="left"] { text-align: left; }
mjx-container[jax="CHTML"][justify="right"] { text-align: right; }
mjx-c { display: inline-block; }
mjx-utext { display: inline-block; padding: 0.75em 0px 0.2em; }
mjx-mo { display: inline-block; text-align: left; }
mjx-stretchy-h { display: inline-table; width: 100%; }
mjx-stretchy-h > * { display: table-cell; width: 0px; }
mjx-stretchy-h > * > mjx-c { display: inline-block; transform: scaleX(1); }
mjx-stretchy-h > * > mjx-c::before { display: inline-block; width: initial; }
mjx-stretchy-h > mjx-ext { overflow: clip visible; width: 100%; }
mjx-stretchy-h > mjx-ext > mjx-c::before { transform: scaleX(500); }
mjx-stretchy-h > mjx-ext > mjx-c { width: 0px; }
mjx-stretchy-h > mjx-beg > mjx-c { margin-right: -0.1em; }
mjx-stretchy-h > mjx-end > mjx-c { margin-left: -0.1em; }
mjx-stretchy-v { display: inline-block; }
mjx-stretchy-v > * { display: block; }
mjx-stretchy-v > mjx-beg { height: 0px; }
mjx-stretchy-v > mjx-end > mjx-c { display: block; }
mjx-stretchy-v > * > mjx-c { transform: scaleY(1); transform-origin: left center; overflow: hidden; }
mjx-stretchy-v > mjx-ext { display: block; height: 100%; box-sizing: border-box; border: 0px solid transparent; overflow: visible clip; }
mjx-stretchy-v > mjx-ext > mjx-c::before { width: initial; box-sizing: border-box; }
mjx-stretchy-v > mjx-ext > mjx-c { transform: scaleY(500) translateY(0.075em); overflow: visible; }
mjx-mark { display: inline-block; height: 0px; }
mjx-mfrac { display: inline-block; text-align: left; }
mjx-frac { display: inline-block; vertical-align: 0.17em; padding: 0px 0.22em; }
mjx-frac[type="d"] { vertical-align: 0.04em; }
mjx-frac[delims] { padding: 0px 0.1em; }
mjx-frac[atop] { padding: 0px 0.12em; }
mjx-frac[atop][delims] { padding: 0px; }
mjx-dtable { display: inline-table; width: 100%; }
mjx-dtable > * { font-size: 2000%; }
mjx-dbox { display: block; font-size: 5%; }
mjx-num { display: block; text-align: center; }
mjx-den { display: block; text-align: center; }
mjx-mfrac[bevelled] > mjx-num { display: inline-block; }
mjx-mfrac[bevelled] > mjx-den { display: inline-block; }
mjx-den[align="right"], mjx-num[align="right"] { text-align: right; }
mjx-den[align="left"], mjx-num[align="left"] { text-align: left; }
mjx-nstrut { display: inline-block; height: 0.054em; width: 0px; vertical-align: -0.054em; }
mjx-nstrut[type="d"] { height: 0.217em; vertical-align: -0.217em; }
mjx-dstrut { display: inline-block; height: 0.505em; width: 0px; }
mjx-dstrut[type="d"] { height: 0.726em; }
mjx-line { display: block; box-sizing: border-box; min-height: 1px; height: 0.06em; border-top: 0.06em solid; margin: 0.06em -0.1em; overflow: hidden; }
mjx-line[type="d"] { margin: 0.18em -0.1em; }
mjx-mi { display: inline-block; text-align: left; }
mjx-msqrt { display: inline-block; text-align: left; }
mjx-root { display: inline-block; white-space: nowrap; }
mjx-surd { display: inline-block; vertical-align: top; }
mjx-sqrt { display: inline-block; padding-top: 0.07em; }
mjx-sqrt > mjx-box { border-top: 0.07em solid; }
mjx-sqrt.mjx-tall > mjx-box { padding-left: 0.3em; margin-left: -0.3em; }
mjx-msub { display: inline-block; text-align: left; }
mjx-mn { display: inline-block; text-align: left; }
mjx-c::before { display: block; width: 0px; }
.MJX-TEX { font-family: MJXZERO, MJXTEX; }
.TEX-B { font-family: MJXZERO, MJXTEX-B; }
.TEX-I { font-family: MJXZERO, MJXTEX-I; }
.TEX-MI { font-family: MJXZERO, MJXTEX-MI; }
.TEX-BI { font-family: MJXZERO, MJXTEX-BI; }
.TEX-S1 { font-family: MJXZERO, MJXTEX-S1; }
.TEX-S2 { font-family: MJXZERO, MJXTEX-S2; }
.TEX-S3 { font-family: MJXZERO, MJXTEX-S3; }
.TEX-S4 { font-family: MJXZERO, MJXTEX-S4; }
.TEX-A { font-family: MJXZERO, MJXTEX-A; }
.TEX-C { font-family: MJXZERO, MJXTEX-C; }
.TEX-CB { font-family: MJXZERO, MJXTEX-CB; }
.TEX-FR { font-family: MJXZERO, MJXTEX-FR; }
.TEX-FRB { font-family: MJXZERO, MJXTEX-FRB; }
.TEX-SS { font-family: MJXZERO, MJXTEX-SS; }
.TEX-SSB { font-family: MJXZERO, MJXTEX-SSB; }
.TEX-SSI { font-family: MJXZERO, MJXTEX-SSI; }
.TEX-SC { font-family: MJXZERO, MJXTEX-SC; }
.TEX-T { font-family: MJXZERO, MJXTEX-T; }
.TEX-V { font-family: MJXZERO, MJXTEX-V; }
.TEX-VB { font-family: MJXZERO, MJXTEX-VB; }
mjx-stretchy-v mjx-c, mjx-stretchy-h mjx-c { font-family: MJXZERO, MJXTEX-S1, MJXTEX-S4, MJXTEX, MJXTEX-A !important; }
@font-face { font-family: MJXZERO; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Zero.woff") format("woff"); }
@font-face { font-family: MJXTEX; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-B; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Bold.woff") format("woff"); }
@font-face { font-family: MJXTEX-I; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Math-Italic.woff") format("woff"); }
@font-face { font-family: MJXTEX-MI; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Main-Italic.woff") format("woff"); }
@font-face { font-family: MJXTEX-BI; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Math-BoldItalic.woff") format("woff"); }
@font-face { font-family: MJXTEX-S1; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size1-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-S2; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size2-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-S3; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size3-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-S4; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Size4-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-A; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_AMS-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-C; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-CB; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Calligraphic-Bold.woff") format("woff"); }
@font-face { font-family: MJXTEX-FR; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Fraktur-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-FRB; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Fraktur-Bold.woff") format("woff"); }
@font-face { font-family: MJXTEX-SS; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-SSB; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Bold.woff") format("woff"); }
@font-face { font-family: MJXTEX-SSI; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_SansSerif-Italic.woff") format("woff"); }
@font-face { font-family: MJXTEX-SC; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Script-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-T; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Typewriter-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-V; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Vector-Regular.woff") format("woff"); }
@font-face { font-family: MJXTEX-VB; src: url("app://obsidian.md/lib/mathjax/output/chtml/fonts/woff-v2/MathJax_Vector-Bold.woff") format("woff"); }
mjx-c.mjx-c53::before { padding: 0.705em 0.556em 0.022em 0px; content: "S"; }
mjx-c.mjx-c61::before { padding: 0.448em 0.5em 0.011em 0px; content: "a"; }
mjx-c.mjx-c6D::before { padding: 0.442em 0.833em 0px 0px; content: "m"; }
mjx-c.mjx-c70::before { padding: 0.442em 0.556em 0.194em 0px; content: "p"; }
mjx-c.mjx-c6C::before { padding: 0.694em 0.278em 0px 0px; content: "l"; }
mjx-c.mjx-c65::before { padding: 0.448em 0.444em 0.011em 0px; content: "e"; }
mjx-c.mjx-c20::before { padding: 0px 0.25em 0px 0px; content: " "; }
mjx-c.mjx-c44::before { padding: 0.683em 0.764em 0px 0px; content: "D"; }
mjx-c.mjx-c3D::before { padding: 0.583em 0.778em 0.082em 0px; content: "="; }
mjx-c.mjx-c1D6FF.TEX-I::before { padding: 0.717em 0.444em 0.01em 0px; content: "δ"; }
mjx-c.mjx-c221A::before { padding: 0.8em 0.853em 0.2em 0px; content: "√"; }
mjx-c.mjx-c1D45B.TEX-I::before { padding: 0.442em 0.6em 0.011em 0px; content: "n"; }
mjx-c.mjx-c1D445.TEX-I::before { padding: 0.683em 0.759em 0.021em 0px; content: "R"; }
mjx-c.mjx-c1D44E.TEX-I::before { padding: 0.441em 0.529em 0.01em 0px; content: "a"; }
mjx-c.mjx-c1D461.TEX-I::before { padding: 0.626em 0.361em 0.011em 0px; content: "t"; }
mjx-c.mjx-c1D452.TEX-I::before { padding: 0.442em 0.466em 0.011em 0px; content: "e"; }
mjx-c.mjx-c1D456.TEX-I::before { padding: 0.661em 0.345em 0.011em 0px; content: "i"; }
mjx-c.mjx-c1D6FD.TEX-I::before { padding: 0.705em 0.566em 0.194em 0px; content: "β"; }
mjx-c.mjx-c30::before { padding: 0.666em 0.5em 0.022em 0px; content: "0"; }
mjx-c.mjx-c2B::before { padding: 0.583em 0.778em 0.082em 0px; content: "+"; }
mjx-c.mjx-c31::before { padding: 0.666em 0.5em 0px 0px; content: "1"; }
mjx-c.mjx-c2217::before { padding: 0.465em 0.5em 0px 0px; content: "∗"; }
mjx-c.mjx-c4C::before { padding: 0.683em 0.625em 0px 0px; content: "L"; }
mjx-c.mjx-c77::before { padding: 0.431em 0.722em 0.011em 0px; content: "w"; }
mjx-c.mjx-c1D709.TEX-I::before { padding: 0.704em 0.438em 0.205em 0px; content: "ξ"; }
mjx-c.mjx-c2C::before { padding: 0.121em 0.278em 0.194em 0px; content: ","; }
mjx-c.mjx-c223C::before { padding: 0.367em 0.778em 0px 0px; content: "∼"; }
mjx-c.mjx-c1D441.TEX-I::before { padding: 0.683em 0.888em 0px 0px; content: "N"; }
mjx-c.mjx-c28::before { padding: 0.75em 0.389em 0.25em 0px; content: "("; }
mjx-c.mjx-c29::before { padding: 0.75em 0.389em 0.25em 0px; content: ")"; }
mjx-c.mjx-c1D459.TEX-I::before { padding: 0.694em 0.298em 0.011em 0px; content: "l"; }
mjx-c.mjx-c1D45C.TEX-I::before { padding: 0.441em 0.485em 0.011em 0px; content: "o"; }
mjx-c.mjx-c1D454.TEX-I::before { padding: 0.442em 0.477em 0.205em 0px; content: "g"; }
mjx-c.mjx-c54::before { padding: 0.677em 0.722em 0px 0px; content: "T"; }
mjx-c.mjx-c4E::before { padding: 0.683em 0.75em 0px 0px; content: "N"; }
mjx-c.mjx-c46::before { padding: 0.68em 0.653em 0px 0px; content: "F"; }
mjx-c.mjx-c72::before { padding: 0.442em 0.392em 0px 0px; content: "r"; }
mjx-c.mjx-c73::before { padding: 0.448em 0.394em 0.011em 0px; content: "s"; }
mjx-c.mjx-c6F::before { padding: 0.448em 0.5em 0.01em 0px; content: "o"; }
mjx-c.mjx-c6E::before { padding: 0.442em 0.556em 0px 0px; content: "n"; }
mjx-c.mjx-c79::before { padding: 0.431em 0.528em 0.204em 0px; content: "y"; }
mjx-c.mjx-c74::before { padding: 0.615em 0.389em 0.01em 0px; content: "t"; }
mjx-c.mjx-c69::before { padding: 0.669em 0.278em 0px 0px; content: "i"; }
mjx-c.mjx-c6B::before { padding: 0.694em 0.528em 0px 0px; content: "k"; }
mjx-c.mjx-c59::before { padding: 0.683em 0.75em 0px 0px; content: "Y"; }
mjx-c.mjx-c2208::before { padding: 0.54em 0.667em 0.04em 0px; content: "∈"; }
mjx-c.mjx-c5B::before { padding: 0.75em 0.278em 0.25em 0px; content: "["; }
mjx-c.mjx-c39::before { padding: 0.666em 0.5em 0.022em 0px; content: "9"; }
mjx-c.mjx-c37::before { padding: 0.676em 0.5em 0.022em 0px; content: "7"; }
mjx-c.mjx-c32::before { padding: 0.666em 0.5em 0px 0px; content: "2"; }
mjx-c.mjx-c33::before { padding: 0.665em 0.5em 0.022em 0px; content: "3"; }
mjx-c.mjx-c52::before { padding: 0.683em 0.736em 0.022em 0px; content: "R"; }
</style><div class="markdown-preview-sizer markdown-preview-section" style="padding-bottom: ; padding-top: var(--file-margins); padding-right: var(--file-margins); padding-left: var(--file-margins); width: 100%; position: absolute;"><div class="markdown-preview-pusher" style="width: 1px; height: 0.1px; margin-bottom: 0px;"></div><div class="mod-header"></div><div><pre class="frontmatter language-yaml" tabindex="0" style="display: none;"><code class="language-yaml is-loaded"><span class="token key atrule">title</span><span class="token punctuation">:</span> Using Longitudinal Models To Analyze Steam Games
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2020-01-11 17:03:26</span>
<span class="token key atrule">tags</span><span class="token punctuation">:</span>
<span class="token key atrule">mathjax</span><span class="token punctuation">:</span> <span class="token boolean important">true</span></code><button class="copy-code-button">复制</button></pre><div class="frontmatter-container"><div class="frontmatter-container-header"><div class="frontmatter-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Metadata</div><div class="frontmatter-section"><span class="frontmatter-section-label">title</span><div class="frontmatter-section-data"><span class="frontmatter-section-data-item">Using Longitudinal Models To Analyze Steam Games</span></div></div><div class="frontmatter-section"><span class="frontmatter-section-label">date</span><div class="frontmatter-section-data"><span class="frontmatter-section-data-item">2020-01-11 17:03:26</span></div></div><div class="frontmatter-section"><span class="frontmatter-section-label">mathjax</span><div class="frontmatter-section-data"><span class="frontmatter-section-data-item">true</span></div></div></div></div><div><h1 data-heading="Using Longitudinal Models To Analyze Steam Games" id="Using_Longitudinal_Models_To_Analyze_Steam_Games">Using Longitudinal Models To Analyze Steam Games</h1></div><div><p><strong>This is the final assignment of course BIOS 623 at CUNY GSPHHP in Fall 2019</strong><br>
<strong>Author: Ruoyan Han</strong></p></div><div><h2 data-heading="Introduction" id="Introduction" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Introduction</h2></div><div><p>Video games, as an emerging merchandise, are usually selling their copies through online stores and physical storage disks. Before a game marked by a price and selling on markets, it should be developed by a developer group and be published by a publisher company. The game prices set by publisher could contain the cost of making the games and advertising fees, which is related to the quality of the games. Steam is the most famous video game digital distribution service developed by Valve Corporation. Most game publishers on the world publish soft copies of games on Steam game store. In the online store, developer, publisher, price, and customers’ reviews are recorded and updated on each game’s web-page.</p></div><div><p>Overall rating is a count number of all negative reviews (comments) and positive reviews (comments), which in other words is total review numbers (Fig 1). This value should be positively related to sells volume, because on Steam, only players who bought the game can give comments on the web page (one comment per player). The actual selling volume are hidden from the published data I acquired, so that I chose this as dependent variable, which could be considered as a proxy of overall selling volume. In cross-sectional analyses, it is hard to directly analyze the relationship between the game prices with overall ratings. Because the games are not independent with each other, famous publishers and developers could always have some fans love whatever game they made, while small companies may not sell their games well even the quality of the games they made aren’t that worse. Besides, the volume between different publisher are not the same, larger publisher could have more game published in the online stores, which may bias the relationship between price and the game ratings.</p></div><div><p><img alt="1" src="https://pica.zhimg.com/80/v2-c8aacea7f3b004658b7c44913ba567b7_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 1. Different Reviews (Negative and Positive) of a Game Called “Foxhole” on Steam Game Store</strong></center><p></p></div><div><p>In this analysis, I will use different longitudinal models (linear mixed effect models, fixed effect models and generalized estimating equation) to analyze the relationship between game prices and overall ratings in steam online stores among different game publishers. From the results of this analysis, game publishers could see whether the game prices settings is positively or negatively related with overall ratings. And so that they could have a deeper understanding of requirement from player on the view of games prices when they want to publish new games in future.</p></div><div><h2 data-heading="Method" id="Method" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Method</h2></div><div><h3 data-heading="Data Process" id="Data_Process" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Data Process</h3></div><div><h4 data-heading="Data Source" id="Data_Source" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Data Source</h4></div><div><p>Data for this analysis is created by Nik Davis and published on <a data-tooltip-position="top" aria-label="https://www.kaggle.com/nikdavis/steam-store-games" rel="noopener" class="external-link" href="https://www.kaggle.com/nikdavis/steam-store-games" target="_blank">kaggle website</a> [1]. The data collected all available games in U.S. steam online game store in May, 2019. The data is gathered through <a data-tooltip-position="top" aria-label="https://en.wikipedia.org/w/index.php?title=Steam_Spy&amp;oldid=929122689" rel="noopener" class="external-link" href="https://en.wikipedia.org/w/index.php?title=Steam_Spy&amp;oldid=929122689" target="_blank">SteamSpy</a>, a website uses an application programming interface (API) to the Steam software distribution service owned by Valve Corporation to estimate the number of sales of software titles offered on the service created by Sergey Galyonkin [2].</p></div><div><p>There are several fields in the dataset I acquired and I will use in this analysis:<br>
Publisher ID; Game ID; English (whether the game support English Language), Release Date; Overall Ratings and Price of each game.</p></div><div><p>Publisher enrolling</p></div><div><p>To use longitudinal models, multiple published records are needed for each publisher. Besides, small publisher companies who only published two or three games may not show a mature pattern between game price and overall ratings. Therefore, by creating a histogram and looking the distribution of counts of published game, I decided to use publishers who published more than eight games in the analysis.(Fig 2)</p></div><div><p>I also excluded free game records in the dataset, although, I reviewed the distribution of published game price (Fig 3) and it dose not show obvious ceiling effect or zero-inflated distribution. It is because that mostly, the commercial mode of free games are not same with the paid games. They usually sell extra components in the game which did not mention in the data. And so that it may bias the relationship between game prices and overall ratings.<br>
Please notice that after removed free games, there could be some publishers have game counts lower than eight.</p></div><div><p>I also added 0.1 to overall ratings for all games in case that some games’ overall rating is 0, which may not able to do the log transformation. (I would chose to use the log transformation because of the results of descriptive statistics (Fig 4).)</p></div><div><h3 data-heading="Analyzing Process" id="Analyzing_Process" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Analyzing Process</h3></div><div><h4 data-heading="Descriptive Statistics" id="Descriptive_Statistics" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Descriptive Statistics</h4></div><div><p>After data cleaning, basic descriptive plots (including game counts distribution, scatter plots of game price, and overall volume) and values (including correlation value, game counts for each publisher) are created and calculated to determine what kind of formats of independent variable and dependent variable to use in the models and cleaning processes.</p></div><div><h4 data-heading="Cross-sectional Model" id="Cross-sectional_Model" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Cross-sectional Model</h4></div><div><p>To compare the difference between longitudinal models and cross-sectional model, a linear regression is fitted as a comparison. The model is written as following:</p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span></p></div><div><p><em>The following models are longitudinal models I fitted for the data:</em></p></div><div><h4 data-heading="Longitudinal Models (LME)" id="Longitudinal_Models_(LME)" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Longitudinal Models (LME)</h4></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D441 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c></mjx-mn><mjx-mo class="mjx-n"><mjx-c class="mjx-c2C"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="2"><mjx-c class="mjx-c1D6FF TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, (LME-1)</p></div><div><h4 data-heading="Linear Mixed Effect Model - Random Intercept and Slope" id="Linear_Mixed_Effect_Model_-_Random_Intercept_and_Slope" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Linear Mixed Effect Model - Random Intercept and Slope</h4></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mn class="mjx-n"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mn class="mjx-n"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mn class="mjx-n"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D441 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c></mjx-mn><mjx-mo class="mjx-n"><mjx-c class="mjx-c2C"></mjx-c></mjx-mo><mjx-msub space="2"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FF TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mn class="mjx-n"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D441 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c></mjx-mn><mjx-mo class="mjx-n"><mjx-c class="mjx-c2C"></mjx-c></mjx-mo><mjx-msub space="2"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FF TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span>, (LME-2)</p></div><div><h4 data-heading="Non linear Relationship" id="Non_linear_Relationship" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Non linear Relationship</h4></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msubsup><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.247em; margin-left: 0px;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn><mjx-spacer style="margin-top: 0.19em;"></mjx-spacer><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msubsup><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c33"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msubsup><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.253em; margin-left: 0px;"><mjx-texatom size="s" texclass="ORD"><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c><mjx-c class="mjx-c2E"></mjx-c><mjx-c class="mjx-c35"></mjx-c></mjx-mn></mjx-texatom><mjx-spacer style="margin-top: 0.18em;"></mjx-spacer><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msubsup><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D441 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c></mjx-mn><mjx-mo class="mjx-n"><mjx-c class="mjx-c2C"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="2"><mjx-c class="mjx-c1D6FF TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span>, (LME-3)</p></div><div><h4 data-heading="Effect measurement modifier and confounding effect of whether the game have English version" id="Effect_measurement_modifier_and_confounding_effect_of_whether_the_game_have_English_version" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Effect measurement modifier and confounding effect of whether the game have English version</h4></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c33"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D441 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c></mjx-mn><mjx-mo class="mjx-n"><mjx-c class="mjx-c2C"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="2"><mjx-c class="mjx-c1D6FF TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span>, (LME-4)</p></div><div><h4 data-heading="Confouder of released date" id="Confouder_of_released_date" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Confouder of released date</h4></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c64"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c44"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D44F TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D441 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-mn class="mjx-n"><mjx-c class="mjx-c30"></mjx-c></mjx-mn><mjx-mo class="mjx-n"><mjx-c class="mjx-c2C"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="2"><mjx-c class="mjx-c1D6FF TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span>, (LME-5)</p></div><div><h4 data-heading="Estimating line" id="Estimating_line" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Estimating line</h4></div><div><p>The estimated value of LME models are calculated and combined with the scatter plots.</p></div><div><h4 data-heading="Fixed Effect Model (FEM)" id="Fixed_Effect_Model_(FEM)" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Fixed Effect Model (FEM)</h4></div><div><p>Fixed effect models in this analysis are used to test whether the assumption of LME models (random intercept and random slope) are applicable. Rather than focusing the estimated parameter of ‘price’ in the FEM models, I would pay more attention of the distributions of fixed terms in the models. Distribution of fixed intercepts and slopes are plotted to see whether they are normally distributed. If they are normally distributed, we could use a stronger assumption and use LME the models to fit the data.</p></div><div><p><em>Intercept:</em></p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FC TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span>, (FEM-1)</p></div><div><p><em>Slope:</em></p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c52"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FC TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D709 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span>, (FEM-2)</p></div><div><p>For the “fixed slopes”, I mean the actually slope of price fitted by this fixed effect model for each publisher.</p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c46"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c78"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c64"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c53"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c70"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c32"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mtext class="mjx-n" style="color: red;"><mjx-c class="mjx-c5C"></mjx-c><mjx-c class="mjx-c2A"></mjx-c></mjx-mtext><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FC TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mi class="mjx-i" size="s"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi></mjx-script></mjx-msub></mjx-math></mjx-container></span></p></div><div><p>I wanted to use the offset() function in the regression of avoid the existence of β2. However, the program did not run well on this. So I still kept the β2. Fortunately, in this case, the existence of β2 does not affect the calculation of ‘fixed slopes’.</p></div><div><h4 data-heading="Generalized Estimating Equation (GEE)" id="Generalized_Estimating_Equation_(GEE)" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Generalized Estimating Equation (GEE)</h4></div><div><p>In GEE model, I will use the original overall ratings data because GEE model could handle discreet data. Since the GEE model need same number of records for each publisher. To have a better understanding of correlation matrix, again, I chose the number of game counts in the dataset by the game count distribution (Fig 13). Finally, a subset of GEE model is created by choosing publishers published equal or more than 5 games. And 5 games are randomly chosen into the subset. There are 323 publishers and 1615 games are in the subset.</p></div><div><p>Before starting to fit the GEE model. Correlation Matrix of 5 games among publishers are calculated and plotted to determine what correlation matrix to use in the GEE model.<br>
Unfortunately, due to technical reason, although I tested the correlation matrix and checked the mean and standard deviation of overall ratings are same or not, I still chose to use Poisson distribution and “exchange” correlation matrix.</p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D459 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D454 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D706 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c3D"></mjx-c></mjx-mo><mjx-msub space="4"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c30"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2B"></mjx-c></mjx-mo><mjx-msub space="3"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D6FD TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-mn class="mjx-n" size="s"><mjx-c class="mjx-c31"></mjx-c></mjx-mn></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c2217"></mjx-c></mjx-mo><mjx-mo class="mjx-n" space="3"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c65"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-msub><mjx-mtext class="mjx-n"><mjx-c class="mjx-c4F"></mjx-c><mjx-c class="mjx-c76"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c74"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c6E"></mjx-c><mjx-c class="mjx-c67"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext><mjx-script style="vertical-align: -0.241em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mi class="mjx-i" space="4"><mjx-c class="mjx-c1D443 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D460 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D460 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45C TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45B TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n"><mjx-c class="mjx-c28"></mjx-c></mjx-mo><mjx-msub><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D706 TEX-I"></mjx-c></mjx-mi><mjx-script style="vertical-align: -0.15em;"><mjx-texatom size="s" texclass="ORD"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi></mjx-texatom></mjx-script></mjx-msub><mjx-mo class="mjx-n"><mjx-c class="mjx-c29"></mjx-c></mjx-mo></mjx-math></mjx-container></span>, </p></div><div><p><span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D456 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-mtext class="mjx-n" space="4"><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c><mjx-c class="mjx-c73"></mjx-c></mjx-mtext></mjx-math></mjx-container></span>, <span class="math math-inline is-loaded"><mjx-container class="MathJax" jax="CHTML"><mjx-math class="MJX-TEX"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D457 TEX-I"></mjx-c></mjx-mi><mjx-mo class="mjx-n" space="4"><mjx-c class="mjx-c2208"></mjx-c></mjx-mo><mjx-texatom space="4" texclass="ORD"><mjx-mtext class="mjx-n"><mjx-c class="mjx-c47"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c6D"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c6F"></mjx-c><mjx-c class="mjx-c66"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c45"></mjx-c><mjx-c class="mjx-c61"></mjx-c><mjx-c class="mjx-c63"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c20"></mjx-c><mjx-c class="mjx-c50"></mjx-c><mjx-c class="mjx-c75"></mjx-c><mjx-c class="mjx-c62"></mjx-c><mjx-c class="mjx-c6C"></mjx-c><mjx-c class="mjx-c69"></mjx-c><mjx-c class="mjx-c73"></mjx-c><mjx-c class="mjx-c68"></mjx-c><mjx-c class="mjx-c65"></mjx-c><mjx-c class="mjx-c72"></mjx-c></mjx-mtext></mjx-texatom></mjx-math></mjx-container></span></p></div><div><h3 data-heading="Tools" id="Tools" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Tools</h3></div><div><p>Tools I used in this analysis including R software 3.6.1, packages: ggplot2, lattice, gridExtra, nlme, lme4, geepack, stargazer[3], and ggpubr. Microsoft Excel are also used in some calculations.</p></div><div><h2 data-heading="Results" id="Results" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Results</h2></div><div><h3 data-heading="Data Process" id="Data_Process" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Data Process</h3></div><div><p>In the raw data, game counts for each publisher are generated and plotted.</p></div><div><p><img alt="2" src="https://pica.zhimg.com/80/v2-c79d9f4ad91ab9f7c99eb0464f1e2587_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 2. Game Counts Distribution</strong></center><p></p></div><div><p>In order to find a proper criteria to remove publishers only publisher one game or published too less game to bias the pattern of prices and overall ratings. From the plot, we can notice that there is a peak around log(counts) = 2, so that I decided to enroll publishers who have published more than exp(2) ≈ 8.</p></div><div><p><img alt="3" src="https://picx.zhimg.com/80/v2-c6f53210e0373b3feb981ebf2082ffed_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 3. Game Price Distribution</strong></center><p></p></div><div><p><em>Note: I added 0.1 in the free game prices to generate this plot, otherwise the log price for free games are negative infinity.</em></p></div><div><p>From the plot, we can see the distribution of game price is that most game log prices are between 1 and 3. And also there is another peak of game frequency for free games and game prices less than 1 dollar.</p></div><div><p>The publisher include criteria are created based on the results above. In raw data, their are 14137 game publisher and 27075 published games. Among them, 324 publishers and their 7299 games are selected to be analysis. </p></div><div><p>In the subset for analysis, distribution of independent variable and dependent variable are plotted as following:</p></div><div><p><img alt="4" src="https://picx.zhimg.com/80/v2-0c7538caa0f4e25ca79355a7af6f6c47_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 4. Basic Description of Subset Data</strong></center><p></p></div><div><p>From the plot, we can see that price and mean price do not have an obvious distribution. The original overall ratings have some extremely high value cases, and skewed to the right. The log of overall rating is kind of a unimodal distribution. Therefore, in the longitudinal models, except GEE models (for discrete outcome), I would use the log of overall ratings as the dependent variable.</p></div><div><p><img alt="5" src="https://pic1.zhimg.com/80/v2-44eb44afc84d75854f93a8269d0f77c2_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 5. Line plot by comparing game prices and overall ratings for each publisher</strong></center><p></p></div><div><p>From this plot, we can see that there is a weak correlation between log of overall ratings and price. Especially, over 20 dollars, the smoothed line is almost straight. The correlation for original overall ratings is not obvious.</p></div><div><h3 data-heading="Analyze Process" id="Analyze_Process" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Analyze Process</h3></div><div><p>As a comparison, a cross-sectional model is fitted.</p></div><div><h4 data-heading="Table 1. Result of cross-sectional model" id="Table_1._Result_of_cross-sectional_model" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Table 1. Result of cross-sectional model</h4></div><div style="overflow-x: auto;"><table>
<thead>
<tr>
<th align="center">Parameter</th>
<th align="center">Estimation</th>
<th align="center">Standard Error</th>
<th align="center">P-value</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">Intercept</td>
<td align="center">3.58</td>
<td align="center">0.031</td>
<td align="center">&lt;0.001</td>
</tr>
<tr>
<td align="center">Price</td>
<td align="center">0.11</td>
<td align="center">0.002</td>
<td align="center">&lt;0.001</td>
</tr>
<tr>
<td align="center">R-square</td>
<td align="center">0.1834</td>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table></div><div><p><img alt="6" src="https://pic1.zhimg.com/80/v2-257efb74d5021024f6f9cbd83c16dc8e_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 6. Diagnostic Plots of Cross-Sectional Model</strong></center><p></p></div><div><p>From the results, we can see that the price is positively related to log of overall ratings (p- value &lt; 0.05). However, the R-square is not large, which means the residuals are relatively huge in this model. Other confounders may affect the association.</p></div><div><h4 data-heading="Table 2. Result of LME Models" id="Table_2._Result_of_LME_Models" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Table 2. Result of LME Models</h4></div><div style="overflow-x: auto;"><table>
<thead>
<tr>
<th align="center">Parameter (Standard Error)</th>
<th align="center">LME-1</th>
<th align="center">LME-2</th>
<th align="center">LME-3</th>
<th align="center">LME-4</th>
<th align="center">LME-5</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">Price</td>
<td align="center">0.064***</td>
<td align="center">0.058***</td>
<td align="center">0.137***</td>
<td align="center">0.006</td>
<td align="center">0.091***</td>
</tr>
<tr>
<td align="center">(Price)</td>
<td align="center">0.003</td>
<td align="center">0.007</td>
<td align="center">0.028</td>
<td align="center">0.260</td>
<td align="center">0.003</td>
</tr>
<tr>
<td align="center">Price^0.5</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">-0.279**</td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center">(Price^0.5)</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.134</td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Price^2</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">-0.001***</td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center">(Price^2)</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.0003</td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center">English</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.351</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">(English)</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.250</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Price*English</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.056***</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">(Price*English)</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.016</td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Number of Date to "2019-11-31"</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.001***</td>
</tr>
<tr>
<td align="center">(Number of Date to "2019-11-31")</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.00002</td>
</tr>
<tr>
<td align="center">Intercept</td>
<td align="center">3.906***</td>
<td align="center">3.932***</td>
<td align="center">4.146***</td>
<td align="center">3.569***</td>
<td align="center">2.720***</td>
</tr>
<tr>
<td align="center">(Intercept)</td>
<td align="center">0.084</td>
<td align="center">0.087</td>
<td align="center">0.174</td>
<td align="center">0.026</td>
<td align="center">0.078</td>
</tr>
<tr>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
</tr>
<tr>
<td align="center">Random Intercept (Standard Deviation)</td>
<td align="center">1.43</td>
<td align="center">1.43</td>
<td align="center">1.43</td>
<td align="center">1.44</td>
<td align="center">1.18</td>
</tr>
<tr>
<td align="center">Random Slope (Standard Deviation)</td>
<td align="center"></td>
<td align="center">0.07</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
</tr>
<tr>
<td align="center">Observations</td>
<td align="center">7299</td>
<td align="center">7299</td>
<td align="center">7299</td>
<td align="center">7299</td>
<td align="center">7299</td>
</tr>
<tr>
<td align="center">Log Likelihood</td>
<td align="center">-12,942.01</td>
<td align="center">-12,863.12</td>
<td align="center">-12,945.80</td>
<td align="center">-12,927.43</td>
<td align="center">-12,383.77</td>
</tr>
<tr>
<td align="center">Akaike Inf. Crit.</td>
<td align="center">25,892.02</td>
<td align="center">25,738.23</td>
<td align="center">25,903.59</td>
<td align="center">25,866.86</td>
<td align="center">24,777.55</td>
</tr>
<tr>
<td align="center">Bayesian Inf. Crit.</td>
<td align="center">25,919.60</td>
<td align="center">25,779.60</td>
<td align="center">25,944.96</td>
<td align="center">25,908.23</td>
<td align="center">24,812.02</td>
</tr>
</tbody>
</table></div><div><p>Note: (*p&lt;0.1); (**p&lt;0.05); (***p&lt;0.01)</p></div><div><p><img alt="7" src="https://picx.zhimg.com/80/v2-2c5511473e6ac6780d3ceb166b1dfbea_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 7. Residuals of LME Models</strong></center><p></p></div><div><p><img alt="8" src="https://pica.zhimg.com/80/v2-2d1263ab5c5240bcfe5c9edaa8990451_720w.png" referrerpolicy="no-referrer"></p></div><div><p><em>Note: the red lines mean estimated average intercept and slopes. The blues lines are 95% interval of random intercepts and slopes.</em></p></div><div><p><strong></strong></p><center><strong>Fig 8. Estimated Curves of Model LME-1 and LME-2</strong></center><p></p></div><div><h4 data-heading="Table 3. Fixed Effect Models" id="Table_3._Fixed_Effect_Models" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Table 3. Fixed Effect Models</h4></div><div style="overflow-x: auto;"><table>
<thead>
<tr>
<th align="center"></th>
<th align="center">FEM-1</th>
<th align="center"></th>
<th align="center"></th>
<th align="center">FEM-2</th>
<th align="center"></th>
<th align="center"></th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">Covariates</td>
<td align="center">Estimated Value</td>
<td align="center">Standard Error</td>
<td align="center">P-Value</td>
<td align="center">Estimated Value</td>
<td align="center">Standard Error</td>
<td align="center">P-value</td>
</tr>
<tr>
<td align="center">price</td>
<td align="center">0.060</td>
<td align="center">0.003</td>
<td align="center">&lt;0.001</td>
<td align="center">-0.157</td>
<td align="center">0.0356</td>
<td align="center">0.6587</td>
</tr>
<tr>
<td align="center">Intercept</td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center">3.964</td>
<td align="center">0.7923</td>
<td align="center">&lt;0.001</td>
</tr>
<tr>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
<td align="center">---</td>
</tr>
<tr>
<td align="center">Mean of Fixed Term</td>
<td align="center">3.93</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">0.26</td>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center">Standard deviation of Fixed Term</td>
<td align="center">1.49</td>
<td align="center"></td>
<td align="center"></td>
<td align="center">3.26</td>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table></div><div><p><img alt="9" src="https://pic1.zhimg.com/80/v2-19f4c68555c610898d033ac70160142e_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 9. Distribution of Fixed Intercepts of FEM-1</strong></center><p></p></div><div><p><img alt="10" src="https://picx.zhimg.com/80/v2-11bb64dbd54a6cfc59cc11084be567ce_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 10. Distribution of Fixed Slopes (Estimated slope of price add by every individual interaction term) of FEM-2</strong></center><p></p></div><div><p><img alt="11" src="https://pic1.zhimg.com/80/v2-6ccb35978732dfe33033aaa788da0db4_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 11. Residuals of FEM-1</strong></center><p></p></div><div><p><img alt="12" src="https://picx.zhimg.com/80/v2-fb94216a89623b37d446f13660b77125_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 12. Residuals of FEM-2</strong></center><p></p></div><div><p>From the results, we can see that both of the fixed intercepts and slopes are quite normally distributed.</p></div><div><hr></div><div><p>Before using GEE model, I generated a subset which contain all the 323 publishers who have more than 5 non-free games in the data and randomly picked 5 games for each publisher. Then randomly picked 100 publishers to fit the GEE model. The reason of why I chose 5 is because the following distribution of free game counts:</p></div><div><p><img alt="13" src="https://picx.zhimg.com/80/v2-fc5110352043beb21fb2ade63e01e211_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 13. Non-Free Game Counts of Every Publisher</strong></center><p></p></div><div><p>To choose what kind of correlated matrix to use in the GEE model, I plotted the correlation of games in five prices. When calculated in the correlation matrix, for each publisher, there could be duplicate prices for publishers. I randomly gave order for same prices.</p></div><div><p><img alt="14" src="https://picx.zhimg.com/80/v2-fdcf188fc60a49b823bb7660a0074304_720w.png" referrerpolicy="no-referrer"></p></div><div><p><strong></strong></p><center><strong>Fig 14. Correlation Matrix of Overall ratings in Different Prices</strong></center><p></p></div><div><p><img alt="15" src="https://pica.zhimg.com/80/v2-dc26c94265f09c3771a7e72edb991a12_720w.png" referrerpolicy="no-referrer"></p></div><div><p>Note: ‘or’ means ‘Overall Ratings’, and ‘p*’ means the rank of five prices</p></div><div><p><strong></strong></p><center><strong>Fig 15. Correlation Matrix of Overall</strong></center><p></p></div><div><h4 data-heading="Table 4. Generalized Estimating Equation" id="Table_4._Generalized_Estimating_Equation" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Table 4. Generalized Estimating Equation</h4></div><div style="overflow-x: auto;"><table>
<thead>
<tr>
<th align="center"></th>
<th align="center">Estimated Value</th>
<th align="center">Standard Error</th>
<th align="center">P-value</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">price</td>
<td align="center">0.0410</td>
<td align="center">0.013</td>
<td align="center">0.001</td>
</tr>
<tr>
<td align="center">Intercept</td>
<td align="center">6.732</td>
<td align="center">0.386</td>
<td align="center">&lt;0.001</td>
</tr>
</tbody>
</table></div><div><h2 data-heading="Discussion" id="Discussion" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Discussion</h2></div><div><h3 data-heading="What are overall ratings indicating? What the models tell the game publishers?" id="What_are_overall_ratings_indicating?_What_the_models_tell_the_game_publishers?" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>What are overall ratings indicating? What the models tell the game publishers?</h3></div><div><p>Overall ratings may not be the most import measurement for game publishers, but actually it is the most important variable in the dataset I acquired. Firstly, as mentioned in introduction, the number of overall ratings is positively related to the selling volume. On the other hand, if there are lots of comments, publishers could get many reviews of the game, which could also help publishers and developers editing the game. Therefore, for each game, publishers do expect more comments / higher overall rating. The results of this analysis could help publishers expecting the overall ratings value (the number of total comments) by the setting of game price.</p></div><div><p>On average, for each publisher, the higher price one game published with, the more comments (higher overall ratings) is expected to acquire. However, this not means that a game with infinity price would have infinity overall rating. From LME models of testing non-linearity (LME-3), and with other covariates (LME4, LME-5) should that there are other factors effecting the relationship between game price and overall ratings. Besides, publishers cannot based on the results to set the game prices unreasonable high. The results can only tell us games with higher price could have higher overall ratings. Actually speaking, to receive higher overall ratings, the publishers should publish games that worth that higher prices.</p></div><div><h3 data-heading="Which model is the best to describe the relationship between game price and selling volume?" id="Which_model_is_the_best_to_describe_the_relationship_between_game_price_and_selling_volume?" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Which model is the best to describe the relationship between game price and selling volume?</h3></div><div><p>Since there will be many models discussed in this part, I will give my answer at first. In my opinion, the linear effect model with random intercept and random slope describes the relationship in a best way.<br>
Firstly, compare with the cross sectional model, longitudinal models could control for the difference between each publisher, sot hat it could reduce the confounding effect between game prices and overall ratings. The regression coefficient of price in cross-sectional model is higher than the longitudinal models, which means that the proportion of publishers who have more overall ratings is higher in the dataset.</p></div><div><p>Secondly, for generalized estimating equation, I put too many adjustments in that model. Because GEE model require each publisher have same amount of published games, I removed the publishers who have less than five games in the analyzing dataset and randomly chose five games for publishers who have more than five games. Besides, I should use the “unstructured” correlation model to fit the data. However, it would cost too much times to finish it. And at last, I still use “exchangeable” correlation matrix in the model. And the original count data isn’t a good dependent variable in this case.</p></div><div><p>Thirdly, in the fixed effect models, we can see that the fixed intercepts and slopes are quite normally distributed (Fig 9, Fig 10), which means we can make a stronger hypothesis that this intercepts and slopes are normally distributed.</p></div><div><p>Also from AIC and the Log likelihoods, the LME model with random intercept and random slope was still the best one among models without other covariates.</p></div><div><h3 data-heading="Whether we should controlling released time in the model?" id="Whether_we_should_controlling_released_time_in_the_model?" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Whether we should controlling released time in the model?</h3></div><div><p>At first, I do not want to adjust for released date because it is not associated with game price. The common prices setting of video games has not been changed for quite long time. The game with higher quality and made by large game companies (AAA games) would have a price of 59.99 dollars. There are also some lower settings like 49.99 dollars, 29.99 dollars or 23.99 dollars. Actually the setting of game prices is not that clear lower than 49.99 dollars. Although, on the other hand, release time is strongly related to the number of overall ratings, I still did not think released time could be a confounder. However, I noticed that some games would permanently reduced prices after resealed for a long time like about 1 year or 2 years. There are also some games permanently enhanced their prices because the developers made a great update and enhanced the overall game quality. Therefore, I finally included the released time in the analyses. The result shows that, after controlled by released time, the game price is also positively related to the overall ratings.</p></div><div><h3 data-heading="Limitations of the analysis" id="Limitations_of_the_analysis" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Limitations of the analysis</h3></div><div><p>In the analysis, there are three spots that I manually decide to remove some records from the dataset. The first one is that I only include publishers who published more than eight games in the analysis. The main reason of doing this is to fit the requirement of longitudinal data that each individual should have several records. Although I did find some evidence from the distribution of published game counts to say patterns from publishers who published more than eight games should be more stable and mature than from new game publishers, it is still lack of scientific supports. The second spot was in the GEE model, because I need reduce the number of records and for each individual publishers, I need same game records. Therefore, I randomly picked 5 games from each publishers. </p></div><div><p>In longitudinal analysis, both of these problem could have another solution: for example, if there is a publisher only published 2 games and have different game prices and overall ratings, I could estimate overall ratings at other game prices for this publisher by basic algebra. However, there is another problem in this solution: I do not know what price I should estimated by. No one knows if there is another game published by the publisher, what game price would it be set. But all in all, there is data from the original dataset did not include in the model. Therefore, I should set the target population to be game publishers who published more than eight games.</p></div><div><p>The third spot is that I did not involve free games in the analysis. In reason is that most free games have paid services in the game and it is hard to count it’s price because it’s different by player. However, there could also have few games that actually because of the poor game quality to be set as free games. But I did not include them in the model. Therefore, the result </p></div><div><p>Another limitation is about the correlation of overall ratings. By introducing longitudinal analysis and setting publishers as individual, the correlation of overall ratings has been counted and fitted in the models. However, Not only there are publishers publish games from different developers, but also there is a few amount of developers who publish their games in different publishers. This means There still could be correlations of overall ratings among different publishers because they published different games from same developers.</p></div><div><p>There are lots of other variables effect the overall ratings like the types of games, whether the game is published on other platforms and how the publisher advertising the game. Further analysis could concern more covariates to make the mechanism of how prices effects overall ratings clearer.</p></div><div><h2 data-heading="Conclusion" id="Conclusion" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Conclusion</h2></div><div><p>This analysis shows that on average, game price is positively related to the overall ratings. For one dollar increased on the game price for one publisher among publishers who published more than eight games, there is about 0.06 promotion in log overall rating of the game. This analysis also proved that this positively relationship is not linear. And games’ overall rating could also be effect by other variables like whether the game have English version or released date.</p></div><div><h2 data-heading="Reference" id="Reference" style="display: flex;"><div class="heading-collapse-indicator collapse-indicator collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div>Reference</h2></div><div><p>[1] Nik Davis, (2019) Steam Store Games (Clean dataset)<br>
Combined data of 27,000 games scraped from Steam and SteamSpy APIs, <a rel="noopener" class="external-link" href="https://www.kaggle.com/nikdavis/steam-store-games" target="_blank">https://www.kaggle.com/nikdavis/steam-store-games</a></p></div><div><p>[2]Wikipedia contributors. (2019, December 3). Steam Spy. In Wikipedia, The Free Encyclopedia. Retrieved 21:08, December 12, 2019, from <a rel="noopener" class="external-link" href="https://en.wikipedia.org/w/index.php?title=Steam_Spy&amp;oldid=929122689" target="_blank">https://en.wikipedia.org/w/index.php?title=Steam_Spy&amp;oldid=929122689</a></p></div><div><p>[3] Hlavac, Marek (2018). stargazer: Well-Formatted Regression and Summary Statistics Tables. R package version 5.2.2. <a rel="noopener" class="external-link" href="https://CRAN.R-project.org/package=stargazer" target="_blank">https://CRAN.R-project.org/package=stargazer</a></p></div><div class="mod-footer"></div></div></div></div><div class="sidebar-right sidebar"><div class="sidebar-content"><span class="sidebar-section-header">Interactive Graph</span><div class="graph-view-placeholder">
		<div class="graph-view-container">
			<div class="graph-icon graph-expand" role="button" aria-label="Expand" data-tooltip-position="top"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon lucide-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"></line><polyline points="7 7 17 7 17 17"></polyline></svg></div>
			<canvas id="graph-canvas" width="512px" height="512px"></canvas>
		</div>
		</div><div class="tree-container outline-tree" data-depth="0"><div class="tree-header"><span class="sidebar-section-header">Table Of Contents</span><button class="clickable-icon collapse-tree-button"><iconify-icon icon="ph:arrows-in-line-horizontal-bold" width="18px" height="18px" rotate="90deg" color="currentColor"></iconify-icon></button></div><div class="tree-scroll-area"><div class="tree-item mod-tree-heading" data-depth="1"><div class="tree-item-contents"><a class="tree-item-link" href="#Using_Longitudinal_Models_To_Analyze_Steam_Games"><span class="tree-item-title">Using Longitudinal Models To Analyze Steam Games</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="#Introduction"><span class="tree-item-title">Introduction</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading mod-collapsible" data-depth="2"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="#Method"><span class="tree-item-title">Method</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading mod-collapsible" data-depth="3"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="#Data_Process"><span class="tree-item-title">Data Process</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Data_Source"><span class="tree-item-title">Data Source</span></a></div><div class="tree-item-children"></div></div></div></div><div class="tree-item mod-tree-heading mod-collapsible" data-depth="3"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="#Analyzing_Process"><span class="tree-item-title">Analyzing Process</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Descriptive_Statistics"><span class="tree-item-title">Descriptive Statistics</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Cross-sectional_Model"><span class="tree-item-title">Cross-sectional Model</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Longitudinal_Models_(LME)"><span class="tree-item-title">Longitudinal Models (LME)</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Linear_Mixed_Effect_Model_-_Random_Intercept_and_Slope"><span class="tree-item-title">Linear Mixed Effect Model - Random Intercept and Slope</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Non_linear_Relationship"><span class="tree-item-title">Non linear Relationship</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Effect_measurement_modifier_and_confounding_effect_of_whether_the_game_have_English_version"><span class="tree-item-title">Effect measurement modifier and confounding effect of whether the game have English version</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Confouder_of_released_date"><span class="tree-item-title">Confouder of released date</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Estimating_line"><span class="tree-item-title">Estimating line</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Fixed_Effect_Model_(FEM)"><span class="tree-item-title">Fixed Effect Model (FEM)</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Generalized_Estimating_Equation_(GEE)"><span class="tree-item-title">Generalized Estimating Equation (GEE)</span></a></div><div class="tree-item-children"></div></div></div></div><div class="tree-item mod-tree-heading" data-depth="3"><div class="tree-item-contents"><a class="tree-item-link" href="#Tools"><span class="tree-item-title">Tools</span></a></div><div class="tree-item-children"></div></div></div></div><div class="tree-item mod-tree-heading mod-collapsible" data-depth="2"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="#Results"><span class="tree-item-title">Results</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading" data-depth="3"><div class="tree-item-contents"><a class="tree-item-link" href="#Data_Process"><span class="tree-item-title">Data Process</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading mod-collapsible" data-depth="3"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="#Analyze_Process"><span class="tree-item-title">Analyze Process</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Table_1._Result_of_cross-sectional_model"><span class="tree-item-title">Table 1. Result of cross-sectional model</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Table_2._Result_of_LME_Models"><span class="tree-item-title">Table 2. Result of LME Models</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Table_3._Fixed_Effect_Models"><span class="tree-item-title">Table 3. Fixed Effect Models</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="4"><div class="tree-item-contents"><a class="tree-item-link" href="#Table_4._Generalized_Estimating_Equation"><span class="tree-item-title">Table 4. Generalized Estimating Equation</span></a></div><div class="tree-item-children"></div></div></div></div></div></div><div class="tree-item mod-tree-heading mod-collapsible" data-depth="2"><div class="tree-item-contents"><div class="tree-item-icon collapse-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon right-triangle"><path d="M3 8L12 17L21 8"></path></svg></div><a class="tree-item-link" href="#Discussion"><span class="tree-item-title">Discussion</span></a></div><div class="tree-item-children"><div class="tree-item mod-tree-heading" data-depth="3"><div class="tree-item-contents"><a class="tree-item-link" href="#What_are_overall_ratings_indicating?_What_the_models_tell_the_game_publishers?"><span class="tree-item-title">What are overall ratings indicating? What the models tell the game publishers?</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="3"><div class="tree-item-contents"><a class="tree-item-link" href="#Which_model_is_the_best_to_describe_the_relationship_between_game_price_and_selling_volume?"><span class="tree-item-title">Which model is the best to describe the relationship between game price and selling volume?</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="3"><div class="tree-item-contents"><a class="tree-item-link" href="#Whether_we_should_controlling_released_time_in_the_model?"><span class="tree-item-title">Whether we should controlling released time in the model?</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="3"><div class="tree-item-contents"><a class="tree-item-link" href="#Limitations_of_the_analysis"><span class="tree-item-title">Limitations of the analysis</span></a></div><div class="tree-item-children"></div></div></div></div><div class="tree-item mod-tree-heading" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="#Conclusion"><span class="tree-item-title">Conclusion</span></a></div><div class="tree-item-children"></div></div><div class="tree-item mod-tree-heading" data-depth="2"><div class="tree-item-contents"><a class="tree-item-link" href="#Reference"><span class="tree-item-title">Reference</span></a></div><div class="tree-item-children"></div></div></div></div></div></div></div></div></div></body></html>